Cypress Complete Guide
Master Cypress from isolated component tests to full E2E flows. Covers component mounting with stub APIs, WCAG accessibility assertions, screenshot visual regression, and a real login E2E warm-up.
Prompts in this Collection
- 1
Cypress Component Test Suite
Generate isolated Cypress component tests covering rendering, interactions, loading/error states, keyboard accessibility, and ARIA semantics — with the full cypress.config.ts setup.
Start with component isolation — mount, stub, and assert without a running server.
intermediatecypress - 2
Generate E2E Login Flow Tests
Comprehensive end-to-end tests for a login flow including valid credentials, invalid credentials, empty fields, MFA, and session persistence.
Adapt the login flow prompts for Cypress to build your first full E2E spec.
intermediateplaywright - 3
Accessibility Testing with axe-core & Playwright
Automated accessibility tests using axe-core integration with Playwright, covering WCAG 2.1 AA compliance.
Add axe-core WCAG 2.1 AA checks — the concepts map directly to Cypress via cypress-axe.
intermediateplaywright - 4
Visual Regression Testing Setup
Set up screenshot-based visual regression tests with Playwright including baseline management and CI integration.
Screenshot comparison with baseline management — configure maxDiffPixels per component.
advancedplaywright