Gaining Confidence with Cypress Tests
summary
Shows a concrete Cypress workflow: npm install then npx cypress open, the Electron IDE runs tests and records videos, and Cypress runs faster than Selenium because it’s a browser plugin not a remote webdriver. Uses TypeScript with a cypress.json, custom commands (e.g. toDoAdd in commands.ts and commands.d.ts), fixtures and cy.intercept to mock Hacker News responses, and data-cy attributes to make selectors durable; notes forced clicks (force: true) for hidden destroy buttons and Chromium/Firefox support but no Safari yet.
AI-written summary · about
chapters (12)
- 0:00Introduction and setup
- 1:23What is Cypress
- 6:00Testing tools comparison
- 10:58Getting started with Cypress
- 14:03Cypress IDE demo
- 16:35Writing Cypress tests
- 21:32Advanced interactions
- 23:17Custom commands
- 25:23Mocking API responses
- 27:29Best practices
- 28:55Fixtures and mocking
- 30:38When to use Cypress
related talks
23mGaining Confidence with Cypress Tests
40mGaining Confidence with Cypress Tests
39mGaining Confidence with Cypress Tests
23mGaining 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!