← ClaudeAtlas

e2e-testslisted

Generate end-to-end tests that verify complete user workflows through the UI — Playwright or Cypress
SilviaAre95/wayworks · ★ 1 · Testing & QA · score 77
Install: claude install-skill SilviaAre95/wayworks
# E2E Test Generator Generate end-to-end tests for: **$ARGUMENTS** (framework defaults to playwright) ## Steps 1. **Map the user flow** — Break the feature into discrete user actions: - Navigate to page - Fill form / click button / interact with element - Wait for response / navigation - Verify result (visible text, URL change, element state) 2. **Identify test scenarios**: - **Happy path** — complete flow with valid inputs - **Validation** — form errors, required fields - **Auth states** — logged in, logged out, wrong role - **Responsive** — mobile vs desktop if layout changes behavior 3. **Write tests**: ```typescript import { test, expect } from "@playwright/test"; test.describe("Checkout Flow", () => { test.beforeEach(async ({ page }) => { // Seed test data or use API to set up state await page.goto("/products"); }); test("user can complete a purchase", async ({ page }) => { // Add item to cart await page.click('[data-testid="add-to-cart-btn"]'); await expect(page.locator('[data-testid="cart-count"]')).toHaveText("1"); // Go to checkout await page.click('[data-testid="checkout-btn"]'); await expect(page).toHaveURL(/\/checkout/); // Fill shipping await page.fill('[name="address"]', "123 Test St"); await page.fill('[name="city"]', "Test City"); await page.click('[data-testid="continue-btn"]'); // Confirm order await page.click('[data-testid="place-order-btn"]'); await expect