Add visual regression testing #127

jhuynh85 · 2019-04-07T05:17:41Z

Set up jest-puppeteer and jest-image-snapshot for visual testing
Type npm run test:visual to run visual tests, screenshots will be stored in __image_snapshots__ folder in the same directory as the test files
Closes We should write visual regression tests #108

jest.visual.config.js - Jest config for visual testing (only looks for .visualtest.js or .visualspec.js files)
jest-puppeteer.config.js - Jest puppeteer config
404.visualtest.js - Visual test for 404 page
index.visualtest.js - Visual test for home page

.eslintrc.js - Added browser, context, and page global variables
setup-test-env.js - Extended expect with toMatchImageSnapshot, increased jest timeout to 25000
package.json - Added test:visual script for running visual tests only

jhuynh85 added the WIP label Apr 7, 2019

jhuynh85 requested a review from appleJax April 7, 2019 05:21

jhuynh85 force-pushed the dev/setup-visual-regression-tests branch 2 times, most recently from ba6c9f0 to 90a05e1 Compare April 8, 2019 08:33

Set up jest-puppeteer and jest-image-snapshot

031fc89

jhuynh85 force-pushed the dev/setup-visual-regression-tests branch from 90a05e1 to 031fc89 Compare April 9, 2019 01:58

jhuynh85 closed this Apr 20, 2019

Provide feedback