https://github.com/silverbirder/silver-enigma

this repository is the tool to monitor the visual regression.
https://github.com/silverbirder/silver-enigma

backstopjs circleci montoring puppeteer

Last synced: about 4 hours ago
JSON representation

this repository is the tool to monitor the visual regression.

• Host: GitHub
• URL: https://github.com/silverbirder/silver-enigma
• Owner: silverbirder
• License: mit
• Created: 2019-11-13T13:01:35.000Z (about 5 years ago)
• Default Branch: master
• Last Pushed: 2023-12-15T02:21:50.000Z (11 months ago)
• Last Synced: 2024-04-13T19:02:18.787Z (7 months ago)
• Topics: backstopjs, circleci, montoring, puppeteer
• Language: JavaScript
• Size: 165 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 7
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# silver-enigma

this repository is the tool to monitor the visual regression.

# Output

![backstopjs](https://res.cloudinary.com/silverbirder/image/upload/v1573651959/backstopjs/backstopjs.png)

# Usage

## Prepare

You just write the url you want to monitor in backstop.json (scenarios.url, scenarios.label).

ex.

```bash

  "scenarios": [

    {

      "label": "basic",

      "url": "https://www.amazon.co.jp/s?k=github"

    }

  ]

```

If you want to execute a specific script, add a key and value.

```bash

  "scenarios": [

    {

      "label": "basic",

      "url": "https://www.amazon.co.jp/s?k=github",

      "onReadyScript": "puppet/onReadyInSearch.js"

    }

  ]

```

## Test

```bash

$ npm install

$ npm run reference

$ npm test

```

## CircleCI

Set environments

* VCS_TYPE

* USERNAME

* CIRCLE_TOKEN

※ check [here](https://circleci.com/docs/2.0/artifacts/#downloading-all-artifacts-for-a-build-on-circleci)