https://github.com/novemberfiveco/visual-regression-testing-jest-chromeless

Visual regression testing using Jest, Chromeless and AWS Lambda.
https://github.com/novemberfiveco/visual-regression-testing-jest-chromeless

aws-lambda chromeless jest react-static testing visual-regression-testing

Last synced: 1 day ago
JSON representation

Visual regression testing using Jest, Chromeless and AWS Lambda.

• Host: GitHub
• URL: https://github.com/novemberfiveco/visual-regression-testing-jest-chromeless
• Owner: novemberfiveco
• License: mit
• Created: 2017-11-09T13:36:26.000Z (almost 7 years ago)
• Default Branch: master
• Last Pushed: 2017-11-09T18:15:28.000Z (almost 7 years ago)
• Last Synced: 2024-01-25T05:12:29.663Z (10 months ago)
• Topics: aws-lambda, chromeless, jest, react-static, testing, visual-regression-testing
• Language: JavaScript
• Homepage:
• Size: 270 KB
• Stars: 17
• Watchers: 11
• Forks: 4
• Open Issues: 1
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

• awesome-regression-testing - Visual regression testing using Jest, Chromeless and AWS Lambda - Tutorial using Chromeless and jest-image-snapshot. (Blog posts)

README

        
visual-regression-testing-jest-chromeless

=========

Visual regression testing using Jest, Chromeless and AWS Lambda.

 Blogpost: https://novemberfive.co/blog/visual-regression-testing-jest-chromeless-lambda/

# Requirements

- NodeJS version 6.x or greater

- [yarn](https://yarnpkg.com)

- Chrome or Chrome Canary installed (version 60 or greater)

# Getting started

1. Clone this repository

2. Run `yarn`

3. Build project using `yarn build`

## Run tests locally

- Execute `yarn serve` (production build) or `yarn start` (dev server) to serve your static site

- Run `yarn test`

## Run tests locally in headless-mode

- Execute `yarn serve` (production build) or `yarn start` (dev server) to serve your static site

- Run Chrome or Canary in headless mode:

```

alias chrome="/Applications/Google\ Chrome.app/Contents/MacOS/Google\ Chrome"

chrome --remote-debugging-port=9222 --disable-gpu --headless

```

- Run `yarn test:headless`

## Run tests remote on AWS

- Setup AWS Lambda following this instructions: https://github.com/graphcool/chromeless/tree/master/serverless#setup

- Create a `.env` file in the root directory:

```

CHROMELESS_REMOTE_URL=https://xxxxxxxxxxx.execute-api.eu-central-1.amazonaws.com/dev/

CHROMELESS_API_KEY=YOUR_AWS_API_KEY

```

- Run `yarn test:remote`