https://github.com/olmesm/visual-regression-container

[WIP] Runs visual regression tests inside an alpine docker container.
https://github.com/olmesm/visual-regression-container

blink-diff docker puppeteer visual-regression

Last synced: 24 days ago
JSON representation

[WIP] Runs visual regression tests inside an alpine docker container.

• Host: GitHub
• URL: https://github.com/olmesm/visual-regression-container
• Owner: olmesm
• Created: 2019-04-24T13:11:13.000Z (about 6 years ago)
• Default Branch: master
• Last Pushed: 2019-05-10T15:10:17.000Z (almost 6 years ago)
• Last Synced: 2025-02-08T11:37:20.549Z (3 months ago)
• Topics: blink-diff, docker, puppeteer, visual-regression
• Language: JavaScript
• Homepage:
• Size: 59.6 KB
• Stars: 0
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Visual Regression Puppet

[![PRs Welcome](https://img.shields.io/badge/PRs-welcome-brightgreen.svg?style=flat-square)](http://makeapullrequest.com)

![Puppet being stroked](https://i.giphy.com/xWZcTvh1cuAaSi7HeI.gif)

Runs visual regression tests inside a docker container. See [blink-diff] for more info and examples.

## Features

- [blink-diff]

- [puppeteer]

## Todo List

Future that [here](./TODO.md)

## Running

This should be run in a docker container. The consistent environment will ensure rendered images are uniform across different machines.

### Development

```sh

# To Run for development

sh scripts/run-dev.sh

```

### Production

```sh

# To Run for production

#   First Run

sh scripts/build.sh

# To Run

sh scripts/run.sh

```

## Runninng on mac

Set `PATH_CHROMIUM` to the location of chromium browser

## Webpack

If serving from localhost and using webpack dev server, you'll need to add to your allowedHosts settings;

```js

{

    ...

    devServer: {

        ...

        allowedHosts: ['host.docker.internal']

    }

}

```

[blink-diff]: https://github.com/yahoo/blink-diff

[puppeteer]: https://github.com/GoogleChrome/puppeteer/

[xx_temporary]: https://kb.apify.com/overcoming-anti-scraping-protection/using-man-in-the-middle-proxy-to-intercept-requests-in-puppeteer