Built in support for visual regression testing

Problem to solve

As part of ~"Category:Usability Testing" and general quality assurance, many times teams want to implement visual regression testing to make sure that known design elements, positioning, and colors do not change unintentionally. While gitlab-foss#53390 (closed) will provide a lot of great tools for manual usability testing. However there are a large number of open source tools available for automated visual regression testing.

This issue will serve to recommend that, but will likely need to turn into an epic/series of issues to define the MVC and future plans for this.

Target audience

• Parker, Product Manager, https://design.gitlab.com/research/personas#persona-parker

• Delaney, Development Team Lead, https://design.gitlab.com/research/personas#persona-delaney

Further details

This will directly contribute to our ~"Product Vision 2019" as it will make ~"usability testing" a first class citizen.

Proposal

1. Create an MVC that first makes manual regression testing easier, something like this issue that opens current design from Visual Reviews and measure engagement with the tool overall / button to review designs.
2. Evaluate open source tools such as:

• https://github.com/americanexpress/jest-image-snapshot
• https://github.com/wearefriday/spectre
• https://github.com/mojoaxel/awesome-regression-testing

What does success look like, and how can we measure that?

Links / references

This page may contain information related to upcoming products, features and functionality. It is important to note that the information presented is for informational purposes only, so please do not rely on the information for purchasing or planning purposes. Just like with all projects, the items mentioned on the page are subject to change or delay, and the development, release, and timing of any products, features, or functionality remain at the sole discretion of GitLab Inc.