The document discusses testing mobile web applications with Selenium 2. It covers types of mobile testing including emulators, real devices, and real devices on mobile networks. It also discusses native vs web applications and how Selenium can be used to test mobile web apps on Android and iPhone using emulators and real devices. Code examples are provided to test a code execution service using Selenium on different mobile platforms and browsers. Links are also included for more information on Selenium and mobile testing.

1. Testing the Mobile Web
with Selenium 2
Jason Huggins
Co-creator, The Selenium Project
Co-founder, CTO, Sauce Labs Inc
twitter: @hugs
email: hugs@saucelabs.com

2. Selenium 2:
Why and What

3. Mobile

4. Types of Mobile Testing
• Emulator
• Real device (tethered to workstation)
• Real device in a real location on a real
network

5. Native vs Web

6. Life before the Web
Total Application Market

7. Yesterday
JS+HTML
Total Application Market

8. Today
JS+HTML5
Total Application Market

9. Data?

11. Sencha

12. SproutCore

13. PhoneGap

14. Today
Selenium
lives here!
JS+HTML5
Total Application Market

16. Today
Selenium
lives here!
JS+HTML5
Total Application Market

17. Tomorrow
Selenium
lives here!
JS+HTML5
Total Application Market

18. Mobile - How?

19. Checkout Selenium

20. Android

21. Download Android SDK

22. Unpack
~/android_sdk

23. Update
$ cd ~/android_sdk/tools
$ ./android update sdk

24. Create AVD
$ ./android create avd
-n my_android
-t 8
-c 100M

25. Start Emulator
$ ./emulator -avd my_android
-no-audio
-no-boot-anim
-scale .8

26. Install Selenium APK
$ cd ~/android_sdk/platform-tools/
$ ./adb -e install
-r ~/selenium/android/prebuilt/android-server.apk

27. Port Forwarding
$ ./adb forward tcp:8080 tcp:8080

28. Launch App
$ adb -s shell am start -n
org.openqa.selenium.android.app/
org.openqa.selenium.android.app.MainActivity

29. iPhone

30. Open in XCode
$ open ~/selenium/iphone/iWebDriver.xcodeproj/

31. Build & Run

32. iphonesim

33. Demo!

34. Selenium 2 - The Movie
http://www.youtube.com/watch?v=IUUcEIfkOEY

35. The Code:
# Import the Selenium 2 namespace (aka "webdriver")
from selenium import webdriver
# Run one of the four following commands:
# iPhone
driver = webdriver.Remote(browser_name="iphone",
command_executor='http://172.24.101.36:3001/hub')
# Android
driver = webdriver.Remote(browser_name="android",
command_executor='http://127.0.0.1:8080/hub')
# Google Chrome
driver = webdriver.Chrome()
# Firefox
driver = webdriver.Firefox()

36. The Code:
# The actual test scenario: Test the codepad.org code execution service.
# Go to codepad.org
driver.get('http://codepad.org')
# Select the Python language option
python_link = driver.find_elements_by_xpath("//input[@name='lang' and @value='Python']")
[0]
python_link.click()
# Enter some text!
text_area = driver.find_element_by_id('textarea')
text_area.send_keys("print 'Hello,' + ' World!'")
# Submit the form!
submit_button = driver.find_element_by_name('submit')
submit_button.click()
# Make this an actual test. Isn't Python beautiful?
assert "Hello, World!" in driver.get_page_source()
# Close the browser!
driver.quit()

37. Links
For More Information:
✓http://seleniumhq.org
✓http://code.google.com/p/selenium
✓http://saucelabs.com/docs/selenium2
✓http://twitter.com/hugs
Demo Screencast:
✓http://www.youtube.com/watch?v=IUUcEIfkOEY
Code:
✓http://gist.github.com/830011

38. One More Thing:

39. Thanks!
Jason Huggins
Co-creator, The Selenium Project
Co-founder, CTO, Sauce Labs Inc
twitter: @hugs
email: hugs@saucelabs.com