← ClaudeAtlas

expect-testlisted

AI-powered browser testing using expect-cli. Auto-detects dev server, reads git diff, generates and executes browser tests via Playwright. Use when you need to verify UI changes in a real browser, test user flows, or validate fixes visually. Trigger on "test this in the browser", "verify the UI", "run expect", "browser test", or after completing UI fixes.
stevengonsalvez/agents-in-a-box · ★ 10 · Testing & QA · score 73
Install: claude install-skill stevengonsalvez/agents-in-a-box
# Expect Test — AI Browser Testing Run AI-generated browser tests against your dev server using [expect-cli](https://github.com/millionco/expect). No test files to write — the AI reads your git diff, generates a test plan, and executes it in a real Playwright-driven browser. ## When to Use - After making UI changes — verify they work visually - After fixing bugs — confirm the fix in a real browser - To test user flows (login, navigation, forms) - As part of `/validate` to add browser verification - When you need visual confirmation, not just build passes ## Prerequisites Requires Claude Code (already running if you're reading this). ## Setup & Installation ```bash # Check if expect-cli is installed if ! command -v expect-cli &>/dev/null; then echo "Installing expect-cli..." npm install -g expect-cli@latest fi # Verify expect-cli --version ``` ## Usage ### Auto-detect changes and test ```bash # Test unstaged changes (default) — auto-detects dev server expect-cli # Test with a specific instruction expect-cli -m "test the login flow works correctly" # Test a whole branch diff expect-cli -t branch # Skip plan review (CI mode) expect-cli -y # Show browser window during test expect-cli --headed # Verbose logging expect-cli --verbose ``` ### Targeted testing ```bash # Test specific feature expect-cli -m "verify the Future/Past toggle on events calendar switches views correctly" # Test a fix expect-cli -m "confirm the modal has a solid dark background, not tran