We are using Percy [1] for this and are extremely happy with this. Almost zero effort to set up, just some time to get random data out of our tests to have stable visual output.
[1]: https://percy.io
Niffy: Perceptual Diffing to Catch Invisible Bugs
11–20 of 22 posts
Re: Niffy: Perceptual Diffing to Catch Invisible Bugs
#12Here's a poor-man's perceptual diff: Cross your eyes. I'm serious. Try opening this image: https://assets.contents.io/asset_rIfFTtwp.png You see two images side by side. Now slowly cross your eyes, so that the two images merge into three images. Once they align, the new middle image will have information from both your left and right eyes, and your brain's perceptual system will automatically try to reconcile any dif…
Simpler, perhaps, is to print the two images (or documents, or whatever), each one on a separate piece of paper. Put the two pieces of paper on top of each other, hold them up to the or a bright light, and look at them. The differences should be easily discernable.
A colleague of mine used to do this, great little hack.
Re: Niffy: Perceptual Diffing to Catch Invisible Bugs
#13Here's a poor-man's perceptual diff: Cross your eyes. I'm serious. Try opening this image: https://assets.contents.io/asset_rIfFTtwp.png You see two images side by side. Now slowly cross your eyes, so that the two images merge into three images. Once they align, the new middle image will have information from both your left and right eyes, and your brain's perceptual system will automatically try to reconcile any dif…
This "crossing eyes" thing is something I could never pull off. How do you learn how to do it?
Re: Niffy: Perceptual Diffing to Catch Invisible Bugs
#14Here's a poor-man's perceptual diff: Cross your eyes. I'm serious. Try opening this image: https://assets.contents.io/asset_rIfFTtwp.png You see two images side by side. Now slowly cross your eyes, so that the two images merge into three images. Once they align, the new middle image will have information from both your left and right eyes, and your brain's perceptual system will automatically try to reconcile any dif…
This "crossing eyes" thing is something I could never pull off. How do you learn how to do it?
You could try to bring your finger close to your nose and focus on it, then abruptly move your finger down out of your field of view. Your eyes are now crossed.
Re: Niffy: Perceptual Diffing to Catch Invisible Bugs
#15Here's a poor-man's perceptual diff: Cross your eyes. I'm serious. Try opening this image: https://assets.contents.io/asset_rIfFTtwp.png You see two images side by side. Now slowly cross your eyes, so that the two images merge into three images. Once they align, the new middle image will have information from both your left and right eyes, and your brain's perceptual system will automatically try to reconcile any dif…
This "crossing eyes" thing is something I could never pull off. How do you learn how to do it?
Put a single finger up a foot in front of your face and focus on it. Bring it slowly right up to your nose and keep focus on it, and your eyes will cross.
I think practicing this is how I learned to do it on demand as a kid.
Re: Niffy: Perceptual Diffing to Catch Invisible Bugs
#16It's amazing when a GUI program is repeatable enough that works.
Re: Niffy: Perceptual Diffing to Catch Invisible Bugs
#17use screen coordinates for clicks as that also simulate user muscle memory.
Re: Niffy: Perceptual Diffing to Catch Invisible Bugs
#18Here's a poor-man's perceptual diff: Cross your eyes. I'm serious. Try opening this image: https://assets.contents.io/asset_rIfFTtwp.png You see two images side by side. Now slowly cross your eyes, so that the two images merge into three images. Once they align, the new middle image will have information from both your left and right eyes, and your brain's perceptual system will automatically try to reconcile any dif…
I like to quickly flip between overlaid images, so I can notice movement where things are different.
Re: Niffy: Perceptual Diffing to Catch Invisible Bugs
#19Site does not work on my Android browser. Shows up but when I touch everything, the page goes white except for the top menu.
Re: Niffy: Perceptual Diffing to Catch Invisible Bugs
#20It's amazing when a GUI program is repeatable enough that works.
I think this class of app really depends on a good workflow for updating the expected results so people don't fall out of the habit of testing because most of the changes are intentional.