Gaining Confidence with Cypress Tests
summary
Shows how to use Cypress + TypeScript to write fast browser integration tests that actually wait for requests instead of sleeping, with runnable code and slides on robrich.org and GitHub. Demonstrates npx cypress open, creating TypeScript custom commands (toDoAdd, toDoComplete), using cy.intercept with fixture to stub Hacker News responses, handling hidden buttons with force: true, running in Chrome/Electron, parallel CI runs, occasional demo hiccups but most tests run green and catch regressions like http→https.
AI-written summary · about
chapters (17)
- 0:00Introduction
- 0:45Talk introduction
- 3:33Test types and context
- 7:02End-to-end tools comparison
- 9:07Cypress IDE setup
- 11:40Debugging tests
- 12:01Cypress project structure
- 13:24Basic test example
- 15:11Element interactions
- 16:57Marking to-dos done
- 18:42Deleting to-dos
- 19:45Custom commands
- 23:10Live API testing
- 25:40Best practices
- 27:03Login flow optimization
- 28:06Cypress benefits
- 28:47Q&A
related talks
23mGaining Confidence with Cypress Tests
32mGaining Confidence with Cypress Tests
39mGaining Confidence with Cypress Tests
57mGaining Confidence with Cypress Tests
23mGaining Confidence with Cypress Tests
54mCypress: Your Automated Sous Chef
45mCypress: Testing without Selenium, Part 1
47mEnd to End Testing with Cypress