The tools available for unit testing have come a long way. While testing may never be “easy”, the available tools have certainly moved testing closer to the simple end of the spectrum. Full end to end testing hasn’t quite kept the same pace and as a result many applications are testing manually and often by users in production. Cypress provides a testing environment that makes end-to-end testing fast and reliable with a simple API that makes creating automated unit tests for your web applications a no-brainer.
Overview
Syllabus
- Course Overview: End to End Testing with Cypress
- Add Cypress to an Existing Application with npm
- Visit a page with Cypress
- Find and Test Focused Input with Chrome’s DevTools in Cypress
- Test React’s Controlled Input with Cypress Selector Playground
- Reduce Code Duplication in Cypress Tests with beforeEach
- Stub Network Requests in a Cypress Test
- Load Data from Test Fixtures in Cypress
- Wait for XHR Responses in a Cypress Test
- Create a Single Custom Cypress Command from Multiple Commands
- Stub a Post Request for Successful Form Submission with Cypress
- Test XHR Failure Conditions with Cypress
- Interact with Hidden Elements in a Cypress Test
- Create Aliases for DOM Elements in Cypress Tests
- Test Variations of a Feature in Cypress with a data-driven Test
- Access step-by-step Logs with Chrome devTools and Cypress UI
- Create True end-to-end Tests with Cypress
- Run Cypress Tests without the UI
Taught by
Andy Van Slaars
