search

garris / BackstopJS

Catch CSS curve balls.
http://backstopjs.org
MIT License
6.67k stars 605 forks source link

Question about a feature #1574

Open angyb opened 3 weeks ago

angyb commented 3 weeks ago

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

jric commented 2 days ago

I think this is what misMatchThreshold config parameter does?