wordpress/tests/visual-regression
Jonathan Desrosiers c38eafc785 Build/Test Tools: Update some NPM dependencies to the latest versions.
This updates several NPM dependencies to the latest versions, including:

- `check-node-version` from `4.1.0` to `4.2.1`.
- `dotenv` from `10.0.0` to `16.0.0`.
- `dotenv-expand` from `5.1.0` to `8.0.3`.
- `grunt-contrib-concat` from `2.0.0` to `2.1.0`.
- `grunt-contrib-jshint` from `3.1.1` to `3.2.0`.
- `grunt-contrib-uglify` from `5.0.1` to `5.1.0`.
- `qunit` from `2.17.2` to `2.18.1`.
- `sass` from `1.43.4` to `1.50.0`.
- `sinon` from `12.0.1` to `13.0.1`.
- `sinon-test` from `3.1.1` to `3.1.3`.
- `uglify-js` from `3.14.3` to `3.15.3`.
- `wait-on` from `6.0.0` to `6.0.1`.

The updates to `dotenv` and `dotenv-expand` required a minor change to files using these packages.

Additionally, this contains several updates to the `package-lock.json` file as a result of running `npm audit fix`.

See #54727.

git-svn-id: https://develop.svn.wordpress.org/trunk@53113 602fd350-edb4-49c9-b593-d223f7449a82
2022-04-08 20:05:03 +00:00
..

Visual Regression Tests in WordPress Core

These tests make use of Jest and Puppeteer, with a setup very similar to that of the e2e tests, together with jest-image-snapshot for generating the visual diffs.

How to Run the Tests Locally

  1. Check out trunk.
  2. Run npm run test:visual to generate some base snapshots.
  3. Check out the feature branch to be tested.
  4. Run npm run test:visual again. If any tests fail, the diff images can be found in tests/visual-regression/specs/__image_snapshots__/__diff_output__.