Gaining Confidence with Cypress Tests
summary
Cypress with TypeScript runs end-to-end tests inside a real browser (Electron/Chrome/Firefox/Edge; no Safari) and records screenshots and videos, runs headless, and finishes fast. Examples include TodoMVC (uses a to-do add command, uses force:true to click a hidden destroy button) and Hacker News PWA where a mocked API via cy.intercept and fixture validates rendering and a live request confirms 30 stories. Tests factor reusable fixtures, data-cy attributes, and custom commands with TypeScript declarations so the suite actually works and supports safe refactors.
AI-written summary · about
chapters (16)
- 0:00Start
- 0:40Gaining Confidence with Cypress Tests
- 1:20About Me
- 3:26Browser Testing
- 4:39Tools
- 5:21Test Utils
- 5:47End-to-End Tests
- 6:51Selenium
- 7:48Cyprus
- 8:26Debugging
- 9:00Test Cafe
- 10:49Npm Install Cypress
- 14:59Cypress Json
- 26:30Modify a Test To Match Data
- 35:07Create Commands for Frequent Tasks
- 37:28Avoiding Constants
related talks
57mGaining Confidence with Cypress Tests
23mGaining Confidence with Cypress Tests
23mGaining Confidence with Cypress Tests
32mGaining Confidence with Cypress Tests
40mGaining Confidence with Cypress Tests
54mCypress: Your Automated Sous Chef
47mEnd to End Testing with Cypress
50mShip Web Apps Confidently: End-to-End Testing with Cypress