{"id":29151154,"url":"https://github.com/arrow2nd/quick-vrt","last_synced_at":"2025-07-01T00:08:18.880Z","repository":{"id":296857257,"uuid":"990986881","full_name":"arrow2nd/quick-vrt","owner":"arrow2nd","description":"🤖 Quick Visual Regression Testing tool for web pages","archived":false,"fork":false,"pushed_at":"2025-06-02T12:47:26.000Z","size":81,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":0,"default_branch":"main","last_synced_at":"2025-06-27T12:07:13.127Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/arrow2nd.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null}},"created_at":"2025-05-27T00:43:05.000Z","updated_at":"2025-06-07T18:59:04.000Z","dependencies_parsed_at":"2025-06-03T01:35:09.930Z","dependency_job_id":"791789c3-f0c9-4007-84e9-ba71786d0c8f","html_url":"https://github.com/arrow2nd/quick-vrt","commit_stats":null,"previous_names":["arrow2nd/quick-vrt"],"tags_count":1,"template":false,"template_full_name":null,"purl":"pkg:github/arrow2nd/quick-vrt","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/arrow2nd%2Fquick-vrt","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/arrow2nd%2Fquick-vrt/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/arrow2nd%2Fquick-vrt/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/arrow2nd%2Fquick-vrt/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/arrow2nd","download_url":"https://codeload.github.com/arrow2nd/quick-vrt/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/arrow2nd%2Fquick-vrt/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":262870875,"owners_count":23377313,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2025-07-01T00:08:18.320Z","updated_at":"2025-07-01T00:08:18.836Z","avatar_url":"https://github.com/arrow2nd.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# quick-vrt\n\nQuick Visual Regression Testing tool for web pages\n\n## Features\n\n- 📸 Full-page screenshot comparison\n- 🔄 Multiple URL pair support\n- 📊 Interactive HTML test reports\n- 🎚️ Side-by-side and slider comparison modes\n- 🎯 Pixel-level diff visualization\n- 🚀 Auto-browser launch for report viewing\n- ⚡ Instant execution with npx\n- 🎭 User-Agent spoofing for better compatibility\n- 🎬 Advanced video masking (Canvas, WebGL, video players)\n- 🛑 Comprehensive animation blocking\n- 🔄 Optimized lazy loading with timeout controls\n\n## Installation\n\n```bash\n# Install globally\nnpm install -g quick-vrt\n\n# Or use with npx (no installation required)\nnpx quick-vrt \u003curls...\u003e\n```\n\n## Usage\n\n### Basic comparison (2 URLs)\n```bash\nquick-vrt https://example.com https://staging.example.com\n```\n\n### Multiple comparisons\n```bash\nquick-vrt https://site1.com https://site2.com https://page1.com https://page2.com\n```\n\n### With options\n```bash\nquick-vrt https://example.com https://staging.example.com \\\n  --output ./my-vrt-results \\\n  --width 1920 \\\n  --height 1080 \\\n  --user-agent \"Mozilla/5.0 (iPhone; CPU iPhone OS 17_0 like Mac OS X)\" \\\n  --no-open\n```\n\n## Options\n\n- `-o, --output \u003cdir\u003e`: Output directory (default: `./vrt-results`)\n- `--width \u003cnumber\u003e`: Viewport width (default: `1280`)\n- `--height \u003cnumber\u003e`: Viewport height (default: `720`)\n- `--concurrency \u003cnumber\u003e`: Max concurrent browsers (default: auto-detected)\n- `--scroll-delay \u003cnumber\u003e`: Delay between scroll steps in ms (default: `500`)\n- `--user-agent \u003cstring\u003e`: Custom user agent string\n- `--video-mask-color \u003ccolor\u003e`: Color for video masks (default: `#808080`)\n- `--no-lazy-loading`: Disable lazy loading support\n- `--no-disable-animations`: Keep CSS animations enabled\n- `--no-mask-videos`: Disable automatic video masking\n- `--no-open`: Don't auto-open the report in browser\n\n## Report Features\n\nThe generated HTML report includes:\n\n- **Side-by-side comparison**: View before, after, and diff images\n- **Slider comparison**: Interactive slider to compare images\n- **Diff visualization**: Highlighted pixel differences\n- **Statistics**: Diff percentage and pixel count\n- **Summary**: Overview of all comparisons\n\n## Advanced Features\n\n### User-Agent Spoofing\n```bash\n# Mobile testing\nquick-vrt https://example.com https://staging.example.com \\\n  --user-agent \"Mozilla/5.0 (iPhone; CPU iPhone OS 17_0 like Mac OS X)\"\n\n# Custom browser\nquick-vrt https://example.com https://staging.example.com \\\n  --user-agent \"Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36\"\n```\n\n### Performance Optimization\n```bash\n# Faster execution for simple pages\nquick-vrt https://example.com https://staging.example.com \\\n  --scroll-delay 200 \\\n  --no-lazy-loading\n\n# High concurrency for multiple comparisons\nquick-vrt url1 url2 url3 url4 url5 url6 \\\n  --concurrency 8\n```\n\n### Video and Animation Control\n```bash\n# Custom video masking\nquick-vrt https://example.com https://staging.example.com \\\n  --video-mask-color \"#ff0000\"\n\n# Keep animations for dynamic content testing\nquick-vrt https://example.com https://staging.example.com \\\n  --no-disable-animations\n```\n\n## Requirements\n\n- Node.js \u003e= 16.0.0\n- The tool will automatically install Puppeteer browsers on first run\n\n## Example Output\n\n```\nStarting Visual Regression Testing...\nComparing https://example.com vs https://staging.example.com...\nComparing https://page1.com vs https://page2.com...\nVRT completed! Report saved to: /path/to/vrt-results/report.html\n```\n\n## License\n\nMIT","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Farrow2nd%2Fquick-vrt","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Farrow2nd%2Fquick-vrt","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Farrow2nd%2Fquick-vrt/lists"}