The state of end-to-end testing for modern web apps

Transcript

1. State of end-to-end testing for modern web applications VLAD FILIPPOV
2. About Vlad // software engineer // full stack web developer // open-source contributor
3. In this talk … • History of web application testing • Testing challenges • Learn new automation tools • Demos!
4. Testing Web Apps
5. Testing Web Apps
7. 2004 → 2014 → 2024
8. 2004 • First versions of Selenium 2006+ • First versions of Selenium WebDriver • Headless webkit testing via PhantomJS
9. 2014 (from my 2014 presentation)
10. 2024 WebDriverIO Playwright
11. Goals of these tests • Track down code regressions • Cross-browser compatibility testing • Cost-effective testing with real user behaviour • Full end-to-end workflow
12. Goals of these tests • Track down code regressions • Cross-browser compatibility testing • Cost-effective testing with real user behaviour • Full end-to-end workflow • Confidence in shipping code
13. Testing Challenges
14. Writing tests “How do I find the password reset button for my tests?”
15. Flaky tests “I’ve looked everywhere for it and gave up!”
16. Continuous integration challenges “What is wrong with my test?” “I need to be able to run tests locally and in CI”
17. Solving these problems… • Flaky tests • Spending time writing tests • Continuous integration • Debugging • Slow Tests
18. Automation & Testing Tools
20. WebDriverIO
21. Playwright - playwright.dev Speed Correctness Multi-environment Language Choice Usability Debugging Lightweight QA Integration
22. Playwright solving our testing challenges
24. Reduce flakiness with auto-wait
25. Screenshots Parallelism
26. Accessibility testing Browser configuration
29. playwright-ai writes tests for you
31. Q&A Thank You! contact: vf.io slides: vf.io/refactor23