Closed lessp closed 2 years ago
Thank you for reporting this issue!
I wonder if it is a problem with DOMs rendered through JS in general, or if this happens because of the rotation. It is definetly an interesting case. I will see if I find some time this weekend to investigate this further.
Ok, there are multiple issues here.
You are defining a new size for the "Start" test without a name.
This size is the only one, in which the test is run (768x1024). The ignore region is defined to only apply on sizes with the names "mobile", "tablet", "desktop"
. So the ignore region isn't applying for this test at all.
After removing the @
on the ignore region, the diff gets smaller, but doesn't disappear completely.
This is, because the ignore region is currently only specified with the top-left and bottom-right coordinates of the element and is always drawn horizontally. So when the element is rotated, the region is not covering the whole bounding box.
I will have to think about a solution for this...
I thought about this issue a bit and I am afraid there is no good solution. For this specific case you could probably get away with using manual coordinates, to define the correct ignore region.
If you have any suggestions on how to handle this case, feel free to reopen this issue, but I am closing it for now.
I have a basic
create-react-app
set up, and while trying to ignore the animation (selector.App-logo
), it seems as though it's not ignored.Here's the test-file:
Updating the
wait
to e.g.3000
yields the following diff:Inspecting the selector, I'd imagine that the whole area covering the actual logo would be ignored: