Question about a feature

I’m looking for a VRT that will not only detect color differences, but will also allow me to set a threshold for the percentage of pixels that have changed color. Does BackstopJS do that? 


Also, is Storybook required to implement BackstopJS?


My use case: I am implementing a new color palette for my web app. I’ll be mapping our old color palette to our new one; some colors don’t have exact matches. For those colors, I’ll need to pick the closest match, which may have visual impacts I can’t predict or check instance by instance beforehand because we have thousands of pages. I want to be able to map everything and then visually see what impact the color changes have in QA. I don’t need to visually check things with significant color changes if the percentage of pixels that have changed color is low, say 2%. This would account for borders, small icons, small text, and the like; although the color change may be significant, the perception of it isn’t because the element is so small.



Thank you for taking the time to answer my question.



Angy Brooks
Lead UX Designer

The issue asks whether BackstopJS supports a percentage-of-changed-pixels threshold and whether Storybook is required. No files, tests, or entry points are identified; first clarify the existing capabilities and define the desired behavior before determining whether an implementation is appropriate.

Written by the indexing model from the issue text.