snapshots

example: react-snapshots

Component testing with snapshots using cypress-plugin-snapshots

Note: run npm install in this folder to symlink cypress-react-unit-test dependency.

npm install
npm run cy:open
# or just run headless tests
npm test

Example component taken from Snapshot Testing React Components with Jest

See cypress/component/PositiveCounter-spec.js and saved snapshots in cypress/component/snapshots/.

Failing test

If the snapshot contents does not match the saved snapshot file, the test fails. You can click on the snapshot command, review the difference, and if the difference is expected, update the snapshot from the Test Runner's GUI.

More info

You can use other snapshot plugins from the plugins list