Documenting application behaviours with E2E tests

on YouTube ↗58m

" summary

Claims that test behavior not implementation is the guiding principle, and demonstrates using Cypress commands and retries to write reliable E2E specs against a TodoMVC app. Shows concrete steps: reinitialise the backend from the browser, stub XHRs, record DOM snapshots, share class-name constants with the app, and use page objects as executable docs. Tests run inside the Cypress runner with TypeScript, most pass and failures are debuggable, and the suite serves as living documentation rather than brittle implementation checks.

AI-written summary · about

" chapters (23)

1. 0:00Intro
2. 0:47Test behaviour not implementation
3. 1:34Test purpose
4. 1:54User interface
5. 2:31Cypress
6. 3:57Demo
7. 10:44Example application
8. 11:42Starting tests
9. 14:59Page objects
10. 15:55Behavior vs implementation spec
11. 17:09Converting spec into tests
12. 19:09Debugging
13. 19:44New introduced
14. 22:39Item behaviour
15. 25:04Testing state resistance
16. 25:44Editing items
17. 27:08Testing
18. 32:04ToggleAll
19. 35:37Counter
20. 37:48ClearCompleted
21. 39:55Console
22. 47:11Sharing code
23. 49:37Interview

" related talks

• 35mCypress Tales: Effective E2E TestingNikola Đuza · Armada JS 2019
• 39mGaining Confidence with Cypress TestsRob Richardson · Reliable Web Summit 2021
• 20mAmazing E2e testing experience with Cypress and AngularChristoffer Noring · NG Poland 2019
• 20mIntegration Testing with CypressNancy Du · Assert(js) 2019
• 23mGaining Confidence with Cypress TestsRob Richardson · Conf42 JavaScript 2022
• 33mCypress: The future of E2E testingDominic Elm · NG-BE 2018
• 43mLessons from E2E Testing Web Applications with Avindra FernandoAvindra Fernando · DjangoCon US 2024
• 44mAutomation Testing Web Apps with CypressBasarat Ali Syed · Testing Talks Conference 2022 Melbourne