{"id":25769641,"url":"https://github.com/deepaksilaych/cross-browser-testing-tool","last_synced_at":"2026-02-06T22:02:25.293Z","repository":{"id":279051624,"uuid":"937585374","full_name":"DeepakSilaych/Cross-Browser-Testing-Tool","owner":"DeepakSilaych","description":" Docker-based automated tool for visual regression testing across different browsers using Playwright","archived":false,"fork":false,"pushed_at":"2025-02-23T12:35:23.000Z","size":0,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-02-23T13:32:17.619Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"HTML","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/DeepakSilaych.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"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}},"created_at":"2025-02-23T12:32:23.000Z","updated_at":"2025-02-23T12:35:26.000Z","dependencies_parsed_at":"2025-02-23T13:32:19.702Z","dependency_job_id":"26cb6265-5b27-4197-a8c5-2bb701fe4a71","html_url":"https://github.com/DeepakSilaych/Cross-Browser-Testing-Tool","commit_stats":null,"previous_names":["deepaksilaych/cross-browser-testing-tool"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/DeepakSilaych%2FCross-Browser-Testing-Tool","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/DeepakSilaych%2FCross-Browser-Testing-Tool/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/DeepakSilaych%2FCross-Browser-Testing-Tool/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/DeepakSilaych%2FCross-Browser-Testing-Tool/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/DeepakSilaych","download_url":"https://codeload.github.com/DeepakSilaych/Cross-Browser-Testing-Tool/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":240962135,"owners_count":19885438,"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-02-27T01:40:20.968Z","updated_at":"2025-02-27T01:40:21.542Z","avatar_url":"https://github.com/DeepakSilaych.png","language":"HTML","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Cross-Browser Testing Tool\n\nA Docker-based automated tool for visual regression testing across different browsers using Playwright. The tool captures screenshots of web pages in multiple browsers, compares them for visual differences, and generates an HTML report.\n\n## Features\n\n- **Multi-Browser Support**: Test websites in Chromium and Firefox\n- **Visual Comparison**: Automatically detect and highlight visual differences between browsers\n- **HTML Reports**: Generate user-friendly reports with side-by-side comparisons\n- **Docker Integration**: Run tests in an isolated, consistent environment\n- **Headless Mode**: Fast, automated testing without opening browser windows\n\n## Prerequisites\n\n- Docker\n- Docker Compose\n\n## Installation\n\n1. Clone this repository:\n   ```bash\n   git clone \u003crepository-url\u003e\n   cd cross-browser-testing\n   ```\n\n2. Build the Docker image:\n   ```bash\n   docker-compose build\n   ```\n\n## Usage\n\n### Method 1: Using run.sh (Recommended)\n\nThe simplest way to run tests is using the provided `run.sh` script:\n\n```bash\n# Make the script executable\nchmod +x run.sh\n\n# Run with default URL (example.com) and browsers (chromium,firefox)\n./run.sh\n\n# Run with custom URL\n./run.sh https://mysite.com\n\n# Run with custom URL and browsers\n./run.sh https://mysite.com chromium,webkit\n```\n\n### Method 2: Using Docker Compose Directly\n\nRun the testing tool using Docker Compose:\n\n```bash\ndocker-compose run cross-browser-test --url \u003cwebsite-url\u003e --browsers \u003cbrowser-list\u003e\n```\n\n#### Parameters\n\n- `--url`: The website URL to test (required)\n- `--browsers`: Comma-separated list of browsers to test (default: chromium,firefox)\n- `--headless`: Run in headless mode (default: true)\n\n#### Example\n\n```bash\ndocker-compose run cross-browser-test --url https://example.com --browsers chromium,firefox\n```\n\n### Method 3: Using Docker Directly\n\n```bash\n# Build the image\ndocker build -t cross-browser-test .\n\n# Run the test\ndocker run -v $(pwd)/results:/app/results cross-browser-test --url https://example.com\n```\n\n## Output\n\nThe tool generates the following files in the `results` directory:\n\n- `{browser}.png`: Screenshots from each browser\n- `diff_{browser1}_{browser2}.png`: Visual difference between browsers\n- `report.html`: HTML report with side-by-side comparisons\n\n## Project Structure\n\n```\n.\n├── Dockerfile              # Docker configuration\n├── docker-compose.yml      # Docker Compose configuration\n├── requirements.txt        # Python dependencies\n├── run_test.py            # Main testing script\n├── run.sh                 # Convenience script for running tests\n├── template.html          # HTML report template\n└── results/               # Test results directory\n```\n\n## Dependencies\n\n- Python 3.11\n- Playwright: Browser automation\n- Pillow: Image processing and comparison\n- Jinja2: HTML report generation","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdeepaksilaych%2Fcross-browser-testing-tool","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fdeepaksilaych%2Fcross-browser-testing-tool","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdeepaksilaych%2Fcross-browser-testing-tool/lists"}