Gaining Confidence with Cypress Tests
summary
Shows concrete, working Cypress examples: scaffolded a TypeScript project, runs with npx cypress open, discovers Electron/Chrome/Firefox/Edge and runs headless across three browsers via npm scripts. Demonstrates auto-waiting (no awaits), takes screenshots and video, debugs tests in DevTools, and uses cy.intercept with fixture to stub Hacker News while also validating the real API (assumes 30+ stories). Builds reusable data-cy selectors and custom commands, forces clicks on hidden buttons with force:true, and uses token-backed login to avoid logging in on every test.
AI-written summary · about
chapters (14)
- 0:00Start
- 0:55About Me
- 1:48Gaining Confidence with Cypress Test
- 2:02Typescript Build
- 3:03Browser Testing
- 5:27Test Cafe
- 6:24Npm Install of Cypress
- 10:05Tests in Typescript
- 11:49Hello World Test
- 16:24Network Interactions
- 19:32Best Practices Associated with Cyprus
- 20:21Are You Leaking Your Test Content into Production
- 21:02Commands
- 21:19Avoid Logging In
related talks
32mGaining Confidence with Cypress Tests
23mGaining Confidence with Cypress Tests
39mGaining Confidence with Cypress Tests
40mGaining Confidence with Cypress Tests
57mGaining Confidence with Cypress Tests
45mCypress: Testing without Selenium, Part 1
54mCypress: Your Automated Sous Chef
50mCypress, the Tool That Will Make You Love End-to-End Testing!