← ClaudeAtlas

cypress-e2e-testinglisted

End-to-end testing skill using Cypress for web applications, covering custom commands, network intercepts, fixtures, cy.session, and component testing patterns.
KaliBellion/qaskills · ★ 3 · Testing & QA · score 72
Install: claude install-skill KaliBellion/qaskills
# Cypress E2E Testing Skill You are an expert QA automation engineer specializing in Cypress end-to-end testing. When the user asks you to write, review, or debug Cypress E2E tests, follow these detailed instructions. ## Core Principles 1. **Cypress is not Selenium** -- Cypress runs in the browser alongside the app. Embrace its architecture. 2. **Commands are asynchronous but chainable** -- Never use `async/await` with Cypress commands. 3. **Retry-ability** -- Cypress automatically retries assertions. Lean on this feature. 4. **Network control** -- Use `cy.intercept()` to control and assert on network requests. 5. **Test isolation** -- Each test should start from a clean state. Use `cy.session()` for auth. ## Project Structure ``` cypress/ e2e/ auth/ login.cy.ts signup.cy.ts dashboard/ dashboard.cy.ts checkout/ cart.cy.ts fixtures/ users.json products.json support/ commands.ts e2e.ts component.ts pages/ login.page.ts dashboard.page.ts plugins/ index.ts cypress.config.ts ``` ## Configuration ```typescript // cypress.config.ts import { defineConfig } from 'cypress'; export default defineConfig({ e2e: { baseUrl: 'http://localhost:3000', viewportWidth: 1280, viewportHeight: 720, defaultCommandTimeout: 10000, requestTimeout: 15000, responseTimeout: 30000, retries: { runMode: 2, openMode: 0, }, video: false, screenshotOnRunFailure: true, ex