Nx + Cypress Like Peanut Butter & Jelly
summary
Shows Nx integrating Cypress end-to-end and component testing with a one-command migration to Cypress 10 that updates dependencies and config, plus an Nx generator that scaffolds a React app called "sandwich" and a matching e2e project. Demonstrates mounting React components in the browser, auto-generated component tests placed next to components, automatic waiting instead of fixed sleeps, time-travel debugging, screenshots/videos on failure, WebKit plus Chrome/Firefox/Edge/Electron support, and live runs via NX commands that actually work in the demo.
AI-written summary · about
chapters (8)
- 0:00Introduction to Cypress
- 1:38Cypress features
- 7:37Cypress and NX integration
- 9:21Updating to Cypress 10
- 10:52Understanding component testing
- 16:00Setting up component tests
- 19:48Running and writing tests
- 26:01Conclusion
related talks
27mReact on Steroids with Nx!
35mNx for Angular CLI Users
54mCypress: Your Automated Sous Chef
21mScaling React Development with Nx
47mEnd to End Testing with Cypress
32mGaining Confidence with Cypress Tests
23mGaining Confidence with Cypress Tests
50mCypress, the Tool That Will Make You Love End-to-End Testing!