Bug 1524261 - Add a reftest to prevent regression. r=jrmuizel

WhatsApp Web has emojis in divs with border-radius, inside a transform, inside a scrollframe. The patch in bug 1523776 broke the clipping in that scrolling the scrollframe would make the emoji visible outside the scrollframe. This reftest replicates that scenario. Differential Revision: https://phabricator.services.mozilla.com/D18272
dothq · Feb 1, 2019 · 25b9f0a · 25b9f0a
1 parent ccd55b7
commit 25b9f0a
Show file tree

Hide file tree

Showing 3 changed files with 15 additions and 0 deletions.
diff --git a/gfx/tests/reftest/1524261-ref.html b/gfx/tests/reftest/1524261-ref.html
@@ -0,0 +1,4 @@
+<!DOCTYPE html>
+<html>
+<div style="overflow-y:hidden; position:absolute; top:50px; width: 200px; height: 100px; border: solid 1px black">
+</div>
diff --git a/gfx/tests/reftest/1524261.html b/gfx/tests/reftest/1524261.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html reftest-async-scroll>
+<div style="overflow-y:hidden; position:absolute; top:50px; width: 200px; height: 100px; border: solid 1px black"
+     reftest-displayport-x="0" reftest-displayport-y="0"
+     reftest-displayport-w="200" reftest-displayport-h="300"
+     reftest-async-scroll-x="0" reftest-async-scroll-y="50">
+    <div style="transform: translateY(0px); width: 100px; height: 300px">
+        <div style="background-color: green; height: 25px; width: 25px; border-radius: 5px"></div>
+    </div>
+</div>
diff --git a/gfx/tests/reftest/reftest.list b/gfx/tests/reftest/reftest.list
@@ -18,3 +18,4 @@ fuzzy(5-32,21908-26621) fuzzy-if(webrender,0-1,0-3) == 1463802.html 1463802-ref.
 fuzzy(0-11,0-4) == 1474722.html 1474722-ref.html
 == 1501195.html 1501195-ref.html
 == 1519754.html 1519754-ref.html
+skip-if(!asyncPan) == 1524261.html 1524261-ref.html