Codeless Visual Testing using Selenium IDE

Record-playback tools have been used by countless applications, in order to test their UI functionality. In this talk we’ll take a look at how you can gain confidence in your application by using Selenium IDE in order to visually test your application without writing a single line of code.

Transcript

1. Codeless Visual Testing using Selenium IDE Tomer Steinfeld @corevous Frontend Developer @ApplitoolsEyes
2. Chapter I Goodbye old friend
4. The death of Selenium IDE
5. A peek into a new Selenium IDE
6. Applitools & SideeX to the rescue
7. Selenium IDE goals • Support more browsers • Running in CI • Modernize the codebase • Improve the project’s extensibility
8. Unifying the javascript
9. Browser compatibility
10. Modern look
11. What’s new? • Test cases sharing between multiple suites groups • Takes care of waiting for you • All of your project is portable within a single file
12. 3rd party plugins
14. WebExtensions to extend WebExtensions yes
15. External messaging protocol
16. Turning the CI green The true power of the IDE is running the tests in CI
17. CI in 2 steps • Export the suite from within the IDE into executable WebDriver code • Run said code with a CLI runner provided by us
18. Running in CI
19. Running in CI in SauceLabs
20. Looking to the future • Running on top of WebDriver • Better selectors - through self healing
21. Selenium IDE status • Still isn’t up to par with it’s predecessor • We’re committed on changing that • Any help appreciated • github.com/SeleniumHQ/selenium-ide
22. demo
23. Visual Testing Quality assurance activity aimed to verify that your GUI appears correctly to your users
27. How do I even? Step 1 Drive the AUT and take screenshots Step 2 Compare screenshots with baseline images Step 3 Report differences Step 4 Update the baseline
28. Adding visual testing to Selenium IDE
29. Codeless Did I spoil it by showing Selenium IDE?
30. Codeless Visual Testing It’s the second time I have a slide with this title Maybe I have an issue reaching my point?
31. demo
32. Thank You! Don’t be a stranger Twitter @corevous GitHub @corevo