Web UI Automation with Selenium for Beginners

In this talk I will cover web ui automation using selenium with a focus on the Python programming language. Attendants will learn how to easily gather web ui information, record their actions and play them back via Selenium IDE, then learn how to write Python code to perform the same actions and finally how to use your automation with py.test. Other topic that will be discussed, time allowing, will be how to use SauceLabs to execute automated tests on multiple types of operating systems and web browser combinations.

Transcript

1. Web UI Automation with Selenium for Beginners Og Maciel
2. • Name: Og Maciel • Work: Red Hat since 2011; rPath previously • Job: Senior Manager, Quality Engineering • Quality Engineer since 2008 • Projects: ◦ RH Satellite 5 and 6 ◦ Pulp ◦ Sonar
3. Objective aka What’s in this for you? • Cover Web UI automation using Selenium with a focus on the Python programming language • Learn how to easily gather Web UI information, record their actions and play them back via Selenium IDE or Scirocco • Write Python code to perform the same actions • Run your code with unitest and py.test • Time allowing, use SauceLabs to execute automated tests on multiple types of operating systems and web browser combinations. • BONUS: Travis.CI
4. Follow Along https://github.com/omaciel/Web-UI-Automation-with-Selenium-for-Beginners
5. (My) Definitions
6. When I say web UI Automation... … I mean: • Control a web browser by accessing a web page’s elements • Programmatically :) • Web elements are part of the DOM object
7. Document Object Model (DOM)
8. Locating web elements • Different schemes for locating web elements ◦ CSS attributes ◦ Value ◦ Tag name ◦ XPATH ◦ ...
9. CSS > XPATH XPATH is EVIL! • //a[contains(@href,'compute_resources') and normalize-space(.)='%s']/../following-sibling:: td[@class='ellipsis'] CSS: • compute_resource_password
10. Selenium • Selenium seems to dominate this area • Selenium webdriver let’s you interact with elements ◦ Click ◦ Select ◦ Type ◦ Mouse interaction (hover, move, etc) ◦ ...
11. Selenium IDE
12. Overview • Firefox plugin ONLY • Can be tricky to install • Requires Firefox == 45 or older :/ • Records all interactions with browser • Can replay all recordings • Allows for multiple tests to be recorded • GREAT IDE with tons of useful features • Exports test cases into Python code (and other formats) • Requires creativity to ensure that playing back activities will wait for web elements to be present
14. DEMO: Selenium IDE https://youtu.be/e1jrrg39V_k
16. Scirocco Recorder
17. Overview • Easier to install • Works with latest Chrome browser • Records all interactions with browser • Can replay all recordings • Not as full fledged IDE as Selenium IDE • Limited range of commands • Limited options for exporting test cases (Python is NOT supported)
20. DEMO: Scirocco https://youtu.be/zEL6-pt9hoM
21. Python + Selenium
22. Overview Install the selenium python module mkvirtualenv -p $(which python3) -i selenium selenium-talk pip install bpython Install Web Driver ◦ Chrome: https://sites.google.com/a/chromium.org/chromedriver/downloads ◦ Edge: https://developer.microsoft.com/en-us/microsoft-edge/tools/webdriver/ ◦ Firefox: https://github.com/mozilla/geckodriver/releases ◦ Safari: https://webkit.org/blog/6900/webdriver-support-in-safari-10/ For this presentation I chose to use the web driver for the chrome web browser. * include the ChromeDriver location in your PATH environment variable
23. DEMO https://youtu.be/FQwwiVh5Cok
24. Python + Selenium + Unittest
26. DEMO pytest -v tests/test_SeleniumUnittest.py
27. Python + Selenium + PyTest
29. DEMO pytest -v tests/test_SeleniumPytest.py
30. BONUS Python + Selenium + PyTest + SauceLabs
31. DEMO pytest -v tests/test_SeleniumSauce.py https://youtu.be/dxr8lxTv90A
33. EXTRA BONUS Python + Selenium + PyTest + SauceLabs + Travis
34. Enable repository on Travis CI
35. Add .travis.yml file to your repository
36. Trigger your build https://travis-ci.org/omaciel/Web-UI-Automation-with-Selenium-for-Beginners
37. Links • Git Repository: https://github.com/omaciel/Web-UI-Automation-with-Selenium-for-Beginners • Older Firefox downloads: https://ftp.mozilla.org/pub/firefox/releases/ • Selenium IDE: https://addons.mozilla.org/en-US/firefox/addon/selenium-ide/ • Scirocco: https://chrome.google.com/webstore/detail/scirocco-recorder-for-chr/ibclajljffeaafooicpmkcjdnkbao iih • Selenium: http://docs.seleniumhq.org/ • Python Selenium: http://selenium-python.readthedocs.io/ • Pytest: http://pytest.org/ • SauceLabs: • Travis: https://travis-ci.org/ • Videos: ◦ Selenium IDE: https://youtu.be/e1jrrg39V_k ◦ Scirocco: https://youtu.be/zEL6-pt9hoM ◦ Interactive Python + Selenium: https://youtu.be/FQwwiVh5Cok ◦ Using SauceLabs: https://youtu.be/dxr8lxTv90A
38. Thanks!!! https://speakerdeck.com/omaciel/web-ui-automation-with-selenium-for-beginners