Setup Visual Testing
Setup comprehensive visual regression testing with cross-browser and responsive testing
Before you use this component
This is a third-party source bundle, not an installation into your account. UI Discovery has checked the available redistribution license evidence; runtime behavior has not been tested. Review all files, use a disposable project first, and do not enable scripts or hooks until you understand their permissions.
Some integrations require separately installed software, API keys or paid services. Credentials and subscriptions are not included. These are Claude Code resources; other clients may require adaptation.
Extract the ZIP into a temporary folder, inspect its entry file and supporting resources, then follow the original instructions. Do not overwrite an existing project configuration blindly. Keep the bundled license and attribution notices.
- Source publisher
- Claude Code Templates
- Creator supplied by source
- Not listed in source
- Pinned source version
- a344359459263d73d8948651c789244093c02e4e
- License evidence
- LICENSE
Source preview
cli-tool/components/commands/testing/setup-visual-testing.md
--- allowed-tools: Read, Write, Edit, Bash argument-hint: [testing-scope] | --components | --pages | --responsive | --cross-browser | --accessibility description: Setup comprehensive visual regression testing with cross-browser and responsive testing --- # Setup Visual Testing Setup comprehensive visual regression testing with responsive and accessibility validation: **$ARGUMENTS** ## Current Visual Testing Context - Frontend framework: !`grep -l "react\\|vue\\|angular" package.json 2>/dev/null || echo "Detect framework"` - UI components: !`find . -name "components" -o -name "src" | head -1 && echo "Component structure detected" || echo "Analyze structure"` - Existing testing: !`find . -name "cypress" -o -name "playwright" -o -name "storybook" | head -1 || echo "No visual testing"` - CI system: !`find . -name ".github" -o -name ".gitlab-ci.yml" | head -1 || echo "No CI detected"` ## Task Implement comprehensive visual testing with regression detection and accessibility validation: **Testing Scope**: Use $ARGUMENTS to focus on component testing, page testing, responsive testing, cross-browser testing, or accessibility testing **Visual Testing Framework**: 1. **Tool Selection & Setup** - Choose visual testing tools (Percy, Chromatic, BackstopJS, Playwright), configure integration, setup environments 2. **Baseline Creation** - Capture visual baselines, organize screenshot structure, implement version control, optimize image management 3. **Test Scenario Design** - Create component tests, design page workflows, implement responsive breakpoints, configure browser matrix 4. **Integration Setup** - Configure CI/CD integration, setup automated execution, implement review workflows, optimize performance 5. **Regression Detection** - Configure diff algorithms, setup threshold management, implement approval workflows, optimize accuracy 6. **Advanced Testing** - Setup accessibility testing, configure cross-browser validation, implement responsive testing, design performance monitoring **Advanced Features**: Automated visual testing, intelligent diff analysis, accessibility compliance checking, responsive design validation, performance visual metrics. **Quality Assurance**: Test reliability, false positive reduction, maintainability optimization, execution performance. **Output**: Complete visual testing setup with baseline management, regression detection, CI integration, and comprehensive validation workflows.
Preview capped at 60,000 characters. Download the bundle for every original file and notice.
Read the redistribution license
MIT License Copyright (c) 2025 Daniel (San) Ávila Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions: The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
Bundle SHA-256: 229ff7374a7a11061fe56fc3d86dbd2a35c43541131ca464119bcad5346f4fd4. Files are served as downloads and are never executed by this page.