🖼️ Enhanced image comparison for GitHub's Pull Request reviews
Improve your GitHub Pull Request review experience with powerful image comparison tools. Compare images with precision using overlay and difference views, perfect for visual regression testing.
Difference between the two images are shown in different ways:
- Overlay : shows the different pixels overlayed on the new image
- Difference : shows the different pixels in a new image
The extension allows to customize the available pixelmatch settings, and the default difference algorithm to show on page load.
Install the required packages by running:
pnpm iTo run the extension in development mode, run the following commands:
pnpm dev:chromiumpnpm dev:firefoxTo build the extension, run the following commands:
pnpm build:chromiumpnpm build:firefoxTo run the extension after building, run the following commands, for Google Chromium and Mozilla Firefox respectively:
pnpm start:chromium
pnpm dev:chromium # with hot reloadpnpm start:firefox
pnpm dev:firefox # with hot reloadE2E tests run in CI, but you can locally run them with:
pnpm e2eIf you wish to pack the extension to manually load it on a browser, you can run, for Google Chromium and Mozilla Firefox, respectively:
pnpm pack:chromiumpnpm pack:firefox- Clone the repository and install the dependencies using
pnpm i - Run
pnpm build:chromiumto build the extension - Open a Chromium-based browser and go to
chrome://extensions/ - Enable
Developer mode - Click on
Load unpackedand select thedistfolder
- Clone the repository and install the dependencies using
pnpm i - Run
pnpm build:firefoxto build the extension andpnpm pack:firefoxto prepare it for installation - Open Firefox and go to
about:debugging#/runtime/this-firefox - Click on
Load Temporary Add-on...and select the .zip package in theweb-ext-artifactsfolder