Chromatic E2E Visual Tests Demo (with Cypress)

Showcases Chromatic's E2E Visual Tests in a real-world setting. We use the MealDrop app as an example of how to catch visual regressions as part of our E2E testing with Cypress.

Setup

1. Clone the repo
2. Run yarn to install dependencies
3. Run yarn start to run the site locally (which we test against)
4. Run yarn cypress run to run the Cypress tests (which we automatically snapshot)
5. (Optional) Run yarn archive-storybook to see the storybook created for the tests (e.g. to visually see what we snapshotted)
6. Run npx chromatic@latest --build-script-name=build-archive-storybook -t=<project-token> to make a Chromatic build
7. Inspect the build in Chromatic