# App Exploration — <change-name>

Generated: <timestamp>
BASE_URL: <from env or seed.spec.ts>

## Exploration Summary

| Route | Auth | Status | Ready Signal |
|-------|------|--------|-------------|
| / | none | ✅ explored | page has heading |
| /login | none | ✅ explored | [data-testid="login-form"] visible |
| /dashboard | required (user) | ✅ explored | [data-testid="page-title"] visible |
| /admin | required (admin) | ✅ explored | [data-testid="admin-panel"] visible |

## Route: <path>

- **Auth**: none / required (storageState: <path>)
- **URL**: ${BASE_URL}<path>
- **Ready signal**: <how to know page is loaded>
- **Screenshot**: `__screenshots__/<path-slug>.png`

### Interactive Elements (from real DOM)

| Element | Selector | Notes |
|---------|----------|-------|
| heading | `[data-testid="..."]` or `h1` | |
| submit btn | `getByRole('button', { name: '...' })` | |
| logout btn | `[data-testid="logout-btn"]` | |
| form | `form >> input[name="..."]` | |
| nav link | `a:text("...")` or `nav >> text=...` | |

### Navigation Context

- How to reach this page: <from homepage / from dashboard / etc.>
- Redirects: <any redirects observed>

### Dynamic Content Notes

- <any dynamic content that was observed>
- <test assertions should use toContainText, not toHaveText for user-specific data>

### Special Elements Detected

| Element | Type | Context | Dimensions | Test Strategy |
|---------|------|---------|------------|---------------|
| | | | | |
| | | | | |

> **Special element type legend**: `canvas-2d` | `canvas-webgl` | `iframe` | `shadow-dom` | `contenteditable` | `video` | `audio` | `datepicker` | `drag-drop` | `infinite-scroll` | `file-upload` | `captcha-image` | `captcha-slider` | `captcha-3d` | `recaptcha` | `hcaptcha` | `turnstile` | `otp-sms` | `otp-totp` | `websocket` | `sse`
>
> **AI-opaque strategy**: CAPTCHA/OTP/slider-CAPTCHA — see `templates/test-plan.md` → **AI-Opaque Elements**
>
> **Test strategy**: See `templates/test-plan.md` → **Special Element Test Cases**

## Exploration Failures

| Route | Error | Notes |
|-------|-------|-------|
| | | |

## Visual Anomalies

Auto-populated by `openspec-pw vision-check`. Layout issues detected via Ollama VLM.

| Route | Element | Type | Position | Severity | Description |
| --- | --- | --- | --- | --- | --- |
| | | | | | |

> **Type legend**: `obscured` (element covered) | `crowded` (spacing too narrow) | `overflowed` (content clipped)
>
> **Severity**: `blocking` (cannot interact) | `warning` (usability issue) | `minor` (cosmetic)

## Next Steps

After exploration, pass this file to Step 5 (Planner) and Step 6 (Generator).
Also extract project-level patterns → append to `tests/playwright/app-knowledge.md`.