search

garris / BackstopJS

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

Report: diff showing fragmented #1383

Closed koritzaki closed 2 years ago

koritzaki commented 2 years ago

Lately we noticed in our reports that the diff report for a failed test is displayed fragmented like in the below screenshot. Did anyone see something similar? Is this a new way of displaying the diff or is this an issue?

Screenshot 2022-01-03 at 16 30 23
garris commented 2 years ago

Hi there. Diffs will look this way if the test image is a different h and/or w dimension from the reference image (even if it is just 1px difference).

koritzaki commented 2 years ago

Hi! Thank you for you answer. Is there anything we can do to ignore the 1-2px difference? The misMatchThreshold will not help on this.

garris commented 2 years ago

To avoid the error you could simply update your reference file so that backstop knows your change is approved.

If there is a difference between reference and test renderings backstop will report an error. This is how the app is supposed to work.

koritzaki commented 2 years ago

Thank you, we are using backstop in a bit more complex way by comparing lots of pages on various environments so this might not work in our specific case but I understand we will try to find a workaround for our specific case. I will close this issue, thanks.