User Story: BackstopJS Spike

[alexjanousekGSA]

As a developer, backstopJS should be investigated to see if it holds benefits over playwright and if so, should then be implemented.

I want backstopJS to help improve our testing suite.

So that the code quality of the app goes up and UI bugs are reduced.

Verify differences between backstop JS and playwright.

• Compare playwright and backstopJS
• Look into what implementation looks like, maybe a easy POC

[alexjanousekGSA]

Playwright:

• Playwright was created specifically to accommodate the needs of end-to-end testing
• Browser automation library for python and works with javascript

BackstopJS

• Visual regression tool specifically designed to detect changes in UI
• Will be incredibly handy in converting UI libraries and making updates to verify things do not break.

[alexjanousekGSA]

This is what backstop looks like passing on the homepage:

[alexjanousekGSA]

When adding one word of text, the report fails:

[alexjanousekGSA]

[alexjanousekGSA]

Document with findings - https://docs.google.com/document/d/1K2FxD4iCXjOCSFE9kott6kchtBE7ziMkmYr1LifPKw4/edit

[alexjanousekGSA]

Continuing on with writing an ADR for this now!

[alexjanousekGSA]

Link to ADR Issue

[alexjanousekGSA]

PR is out as well for ADR - https://github.com/GSA/notifications-api/pull/1297