---

name: webapp-testing description: Web application testing principles. E2E, Playwright, deep audit strategies. allowed-tools: Read, Write, Edit, Glob, Grep, Bash

Web App Testing

Discover and test everything. Leave no route untested.

🔧 Runtime Scripts

Execute these for automated browser testing:

Requires: pip install playwright && playwright install chromium

---

1. Deep Audit Approach

Discovery First

Systematic Testing

1. Map - List all routes/APIs
2. Scan - Verify they respond
3. Test - Cover critical paths

---

2. Testing Pyramid for Web

Copy        /\          E2E (Few)
       /  \         Critical user flows
      /----\
     /      \       Integration (Some)
    /--------\      API, data flow
   /          \
  /------------\    Component (Many)
                    Individual UI pieces

---

3. E2E Test Principles

What to Test

E2E Best Practices

---

4. Playwright Principles

Core Concepts

Configuration

---

5. Visual Testing

When to Use

Strategy

• Baseline screenshots
• Compare on changes
• Review visual diffs
• Update intentional changes

---

6. API Testing Principles

Coverage Areas

---

7. Test Organization

File Structure

Copytests/
├── e2e/           # Full user flows
├── integration/   # API, data
├── component/     # UI units
└── fixtures/      # Shared data

Naming Convention

---

8. CI Integration

Pipeline Steps

1. Install dependencies
2. Install browsers
3. Run tests
4. Upload artifacts (traces, screenshots)

Parallelization

---

9. Anti-Patterns

---

Remember: E2E tests are expensive. Use them for critical paths only.