Cypress E2E Visual Diff Testing

[rdig]

This Issue is tracking implementing a plugin for cypress that will help us do visual diff regression testing.

Most likely candidate for this is: https://github.com/palmerhq/cypress-image-snapshot

And setting it up something like this: cypress-io/cypress#495 (comment)

We'll also need to config the screenshots to be a bit larger for this to work properly: cypress-io/cypress#495 (comment)

Alternatives:

• cypress-visual-regression

[rdig]

Leaving this here for when we'll have time for it:

So turns out Cypress made a move towards this, but decided against implementing it natively.

However, they did test the commercial products that are out, and offer a very good best practices writeup that we can follow: https://docs.cypress.io/guides/tooling/visual-testing.html#Functional-vs-visual-testing

[rdig]

Closing as E2E tests will have a different format now