search

ThreeSixtyGiving / 360-ds

360Giving Design System - Components
https://cdn.threesixtygiving.org/
2 stars 1 forks source link

Add a CI to more efficiently review design system changes #74

Open michaelwood opened 2 years ago

michaelwood commented 2 years ago

Investigate a way to allow us to review visual changes across multiple products more efficiently.

  1. Most of 360Giving products have selenium tests already integrated into the CI, these tests could be used to take screenshots as part of the PRs / CI.
  2. We could also have a small system in the 360-ds that "in-memory" replaces the relevant built-css into the $product live site and takes a screeenshot of a few pages so that a visual diff can be checked.

https://percy.io/ https://www.browserstack.com/accounts/subscriptions?product=percy&ref=percy#comparison-table https://github.com/percy/example-percy-python-selenium/blob/master/tests/todo.py https://docs.percy.io/docs/python-selenium-tutorial