Gaining Confidence with Cypress Tests
summary
Cypress is a browser plugin that runs JavaScript/TypeScript end-to-end tests faster and less brittle by waiting on real browser events instead of fixed sleeps; examples run against TodoMVC and a Hacker News PWA, tests pass locally and in CI (Chrome/Firefox/Edge) with video/screenshots and junit outputs. Key techniques shown: time-traveling IDE to step through DOM snapshots, cy.intercept with fixtures to stub API responses and custom cy commands plus data-cy attributes for readable, reusable tests; note forced clicks for hidden elements and limited Safari support.
AI-written summary · about
chapters (6)
- 0:00Start
- 7:41End-to-end Testing Frameworks: Selenium
- 9:09Cypress Electron app and browser plugin
- 10:38Test Cafe Browser plugin, by DevExpress Cons
- 41:56Best Practices Don't use text, use consistent selectors: • id, class Even better, use test-specific attributes
- 44:01Best Practices Don't login with the Ul at the beginning of each test (slow) Instead: create one login Ul test
related talks
39mGaining Confidence with Cypress Tests
23mGaining Confidence with Cypress Tests
32mGaining Confidence with Cypress Tests
23mGaining Confidence with Cypress Tests
40mGaining Confidence with Cypress Tests
47mEnd to End Testing with Cypress
56mCypress: Where Automated Acceptance Testing Isn’t Just for QA Anymore
23mRun your end-to-end tests at light speed with Cypress