Atlanta Code Camp 2019: And Now Selenium's watch is Ended

UI tests have long been valuable as a tool to automatically verify that all of the components of an application are working together correctly. They have a (much deserved) reputation of being difficult to write, brittle, taking a long time to execute, full of false negatives, and difficult to maintain. In this presentation we will learn about techniques to mitigate many of these problems using a new browser-based UI testing tool called Cypress that will make it easier for you to write UI tests that are more flexible and run faster than the Selenium equivalent.

Transcript

1. Matthew Knowles Software Craftsman at Greater Sum www.GreaterSum.com @MatthewYKnowles Matthew@GreaterSum.com And Now Selenium’s Watch is Ended Using Cypress to write UI tests that are less brittle and run faster
2. Platinum Sponsors Platinum Sponsors Platinum Sponsors
3. Gold Sponsors Gold Sponsors
4. Special Thanks
5. Roadmap • Tests • Testing with Selenium • Testing with Cypress • Live coding Cypress tests • Advanced UI testing techniques
6. Why do you write tests?
7. Why Write Tests? • Verify functionality • Defend against unexpected change • Executable documentation of the code
8. https://martinfowler.com/bliki/TestPyramid.html
9. https://martinfowler.com/bliki/TestPyramid.html
10. Why Write UI/E2E Tests • Verify that the critical path works • Exercise your code in a live or live like environment
11. Why Write UI/E2E Tests • Human Readable • Behavior Driven Development (Dev/Product/Test) • Executable specification
12. Why Write UI/E2E Tests • Legacy code
13. Selenium to Cypress in a project
14. Flaky tests
15. Debugging
16. Failures in build pipeline
17. Test writing
18. Time to execute 18 -> 10 minutes
19. Access outside browser
20. Intro to Cypress
21. When not to use Cypress • Firefox, Safari, and Edge • Access outside the browser • Has been out of beta less than 1 year
22. Cypress Demo Atlanta Code Camp 2019 Website
23. Cypress Demo Connect Four
24. HTML Data Attribute
25. Cypress Demo Connect Four with data attributes
26. Page Object Pattern
27. Cypress Demo Connect Four with page objects
28. Image Comparison
29. Cypress Demo Connect Four with image comparison
30. Whatever you would manually test try and automate
31. https://martinfowler.com/bliki/TestPyramid.html
32. Resources
33. Questions? @MatthewYKnowles Matthew@GreaterSum.com