Cypress Tales: Effective E2E Testing

on YouTube ↗35m

" summary

Cypress runs tests inside a real browser, records time-traveling snapshots and video, and makes debugging fast; tests use a mix of true requests and stubs (use cy.route to stub requests) so most scenarios are integration-level rather than full E2E, yielding much faster suites. Recommended practices shown: use programmatic login via API and Cypress custom commands, reset state in beforeEach, wait for services with start-server-and-test/wait-on for reliable CI, and mount React components for focused checks.

AI-written summary · about

" chapters (14)

1. 0:00Introduction
2. 0:40Who am I
3. 2:17Why test
4. 4:00Code Coverage
5. 6:00Testing Trophy
6. 12:06Cypress Cons
7. 13:00Cypress Best Practices
8. 14:50Page Object Pattern
9. 16:17User Interface
10. 16:54Best Practices
11. 17:51Starting Web Servers
12. 19:28Cypress React
13. 23:04Stop Requests
14. 25:51Questions

" related talks

• 33mCypress: The future of E2E testingDominic Elm · NG-BE 2018
• 04mCypress E2E AutomationVinayak Titti · TestFlix 2020
• 47mEnd to End Testing with CypressAvindra Fernando · All Things Open 2020
• 29mEnd-to-end Testing Is Hard - But It Doesn't Have to BeGleb Bahmutov · ReactiveConf 2018
• 50mShip Web Apps Confidently: End-to-End Testing with CypressAmir Rustamzadeh · ComponentsConf 2019
• 32mCypress.io – the State of the Art End-to-end Testing ToolGleb Bahmutov · ReactiveConf 2019
• 56mCypress: Where Automated Acceptance Testing Isn’t Just for QA AnymoreJustin James · NDC Minnesota 2019
• 50mCypress, the Tool That Will Make You Love End-to-End Testing!Rodolphe Bung · DevFest Lille 2019