search

rancher / dashboard

The Rancher UI
https://rancher.com
Apache License 2.0
454 stars 257 forks source link

Setup and introduce visual testing tools and CI #9057

Open cnotv opened 1 year ago

cnotv commented 1 year ago

Description

Define tools, setup and configure CI for visual testing. The goal is to track visual changes on components which are added in Storybook as style guide. This tracks down to typography and spacing, as well as basic components, aspects which should be consistent and not possible to test in other ways than visually.

More about Storybook visual testing: https://storybook.js.org/tutorials/visual-testing-handbook/

Example Issues

Other cases which may not be required in the style guide have to be considered in somehow:

Finally we may think about an automation to match the provided design, e.g.:

gaktive commented 1 year ago

We can do a quick spike about the framework for Q3 but realistically, this is a Q4 project.

cnotv commented 1 year ago

We have to define it too, because it's not written in the issue.