Front-end Testing on Steroids
summary
Shows a React login demo wired to a disposable backend and demonstrates using Cypress to shrink tests from ~5–8s to ~1s by intercepting XHR and serving fixtures, speeding developer feedback. Covers direct DOM/value setting vs typed input, simulating 401 errors, fast-forwarding the browser clock to skip delays, and time-travel debugging with the browser console and React/Redux devtools in Electron/Chrome. Recommends visual tools (Percy/Applitools) and gives repository + test examples.
AI-written summary · about
chapters (10)
- 0:00Introduction to Cypress
- 2:06Cypress basics and UI
- 3:37E2E testing limitations
- 6:53UI integration tests
- 10:24Productivity and workflow
- 12:54Edge cases and testing
- 16:23Controlling time and delays
- 19:22Debugging in Cypress
- 25:05Recap and resources
- 29:40Q&A session
related talks
27mI see your point, but… (Part 1)
37mTesting the way it should be
32mMake backend devs jealous of your test suite
23mRun your end-to-end tests at light speed with Cypress
42mFunctional and Visual Testing for Web Applications
47mEnd to End Testing with Cypress
33mCypress: The future of E2E testing
23mGaining Confidence with Cypress Tests