Gaining Confidence with Cypress Tests
summary
Shows concrete Cypress usage: install with npm install cypress and launch the IDE with npx cypress open, run headless across Chrome/Firefox/Edge, and scaffold example specs. Builds end-to-end tests for TodoMVC and a Hacker News PWA, intercepting network calls with fixtures to assert a predictable 30-story response and also validating against the real API. Creates reusable Cypress commands with TypeScript declarations, recommends using data-cy attributes, saving auth tokens once, and running lightweight checks in production.
AI-written summary · about
chapters (13)
- 0:00Cypress testing intro
- 2:44Getting started
- 3:50End-to-end tools comparison
- 6:58Cypress IDE
- 9:31Project structure
- 11:19Basic test
- 13:07Page elements interaction
- 15:15Custom commands
- 17:22Hacker News PWA testing
- 18:47Mocking API responses
- 19:50Durable tests best practices
- 21:16Optimizing tests
- 22:40Conclusion
related talks
23mGaining Confidence with Cypress Tests
39mGaining Confidence with Cypress Tests
32mGaining Confidence with Cypress Tests
57mGaining Confidence with Cypress Tests
40mGaining Confidence with Cypress Tests
54mCypress: Your Automated Sous Chef
47mEnd to End Testing with Cypress
50mCypress, the Tool That Will Make You Love End-to-End Testing!