Master Cypress in 15 minutes a day

Learn to fix a broken Cypress installation by inspecting the cache, pruning old versions, and reinstalling the local Cypress with npx and npm run open.

Master Cypress' most important commands, such as cy.visit, cy.get, and should, and learn how retries, timeouts, and chainable commands boost test reliability.

Configure Cypress with cypress.json, set baseUrl, timeouts, and retries, use Cypress.config and --config to tailor tests, and enable intellisense with $schema.

Master Cypress in 15 minutes a day demonstrates selecting values from dropdowns and lists with cy.select on a settings page, including visible and underlying values, and multi select support.

Explore Cypress network testing by using cy.request() and cy.intercept() to inspect and wait for ajax requests, inspect request and response headers, and fake responses for faster, controlled tests.

Explore how Cypress.minimatch() uses the minimatch package to test route matching for cy.intercept, with matchBase: true and glob patterns like * and **, speeding up test iterations.

Intercept ajax requests with cy.intercept, fake responses using a static json fixture or a custom body, and run faster, network-free tests while balancing real end-to-end checks.

Explore how to extend Cypress with custom commands and tasks, enabling browser-side commands like cy.doMagic and Node.js tasks, and learn how to configure and queue them from the browser.

Learn to add custom logging for Cypress commands with Cypress.log(), control what appears with log: false, and distinguish parent from child commands for clearer test logs.

Learn how to add custom tasks in Cypress to run in the Node environment, enabling file access and database setup via cy.task, with practical read and default handling.

Explore why the Cypress Testing Library advocates end-to-end tests that interact with the UI using labels and accessibility attributes instead of IDs or classes.

Learn to use the Cypress Testing Library's findByRole to write robust, accessibility-focused tests, prioritizing getByRole and findByRole with accessible names in a book search app.

Use accessibility roles and semantic elements in Cypress tests to improve test reliability and app accessibility, turning divs into articles, adding aria labels, and locating cards by accessible names.

Configure ESLint for Cypress by installing an npm package and extending the plugin cypress/recommended. This setup recognizes Cypress globals like cy and reduces false errors in ESLint.

Override the default Cypress configuration from cypress.json using --config to set different baseUrl environments. Run tests against localhost, Azure, or production, with a package.json script or npx for quick execution.