browser-testing-with-screenshotslisted

# Browser Testing with Screenshots ## Overview **Automate Chrome browser testing with visual verification using browser-tools.** Connect to Chrome DevTools Protocol for navigation, interaction, and screenshot capture to confirm application functionality. ## Prerequisites **REQUIRED:** Install agent-tools from https://github.com/badlogic/agent-tools ```bash # Clone and install agent-tools git clone https://github.com/badlogic/agent-tools.git cd agent-tools # Follow installation instructions in the repository # Ensure all executables (browser-start.js, browser-nav.js, etc.) are in your PATH ``` **Verify installation:** ```bash # Check that browser tools are available which browser-start.js which browser-nav.js which browser-screenshot.js ``` All browser-* commands referenced in this skill come from the agent-tools repository and must be properly installed and accessible in your system PATH. ## When to Use **Use this skill when:** - Testing web application UI flows - Verifying visual changes or layouts - Automating repetitive browser interactions - Documenting application behavior with screenshots - Testing localhost applications during development - Need to interact with elements that require human-like selection **Don't use for:** - API testing (use direct HTTP calls) - Headless testing where visuals don't matter - Simple page content validation (use curl/wget) ## Quick Reference | Task | Command | Purpose | |------|---------|---------| | Start browser | `browser-s