Bug 1426386 - Add reftests for position:sticky items inside a transform. r?mstange
MozReview-Commit-ID: 8qNnWhg0zd9
--- a/layout/reftests/position-sticky/reftest.list
+++ b/layout/reftests/position-sticky/reftest.list
@@ -44,8 +44,10 @@ skip-if(!asyncPan) == inline-4.html inli
fails == column-contain-1a.html column-contain-1-ref.html
== column-contain-1b.html column-contain-1-ref.html
== column-contain-2.html column-contain-2-ref.html
== block-in-inline-1.html block-in-inline-1-ref.html
fuzzy-if(skiaContent,1,22) fuzzy-if(winWidget&&!layersGPUAccelerated,116,1320) fuzzy-if(Android,8,1533) == block-in-inline-2.html block-in-inline-2-ref.html
fuzzy-if(Android,8,630) fuzzy-if(OSX,1,11) fuzzy-if(skiaContent,1,220) fuzzy-if(winWidget&&!layersGPUAccelerated,116,1320) == block-in-inline-3.html block-in-inline-3-ref.html
== block-in-inline-continuations.html block-in-inline-continuations-ref.html
== iframe-1.html iframe-1-ref.html
+skip-if(Android) == transformed-1.html transformed-1-ref.html # bug 1430787 for android
+fuzzy-if(Android,2,4) skip-if(!asyncPan||Android) == transformed-2.html transformed-2-ref.html # bug 1430787 for android
new file mode 100644
--- /dev/null
+++ b/layout/reftests/position-sticky/transformed-1-ref.html
@@ -0,0 +1,8 @@
+<!DOCTYPE html>
+<html style="margin: 0">
+ <body style="margin: 0">
+ <div style="height: 70px; background-color: blue"></div>
+ <div style="height: 2000px;">
+ <div style="margin-top: 50px; width: 100px; height: 100px; background-color: green"></div>
+ </div>
+</html>
new file mode 100644
--- /dev/null
+++ b/layout/reftests/position-sticky/transformed-1.html
@@ -0,0 +1,8 @@
+<!DOCTYPE html>
+<html style="margin: 0">
+ <body style="margin: 0">
+ <div style="height: 70px; background-color: blue"></div>
+ <div style="height: 2000px; transform: translateY(50px)">
+ <div style="position:sticky; top: 70px; width: 100px; height: 100px; background-color: green"></div>
+ </div>
+</html>
new file mode 100644
--- /dev/null
+++ b/layout/reftests/position-sticky/transformed-2-ref.html
@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<html style="margin: 0" class="reftest-wait">
+ <body style="margin: 0">
+ <div style="height: 70px; background-color: blue"></div>
+ <div style="height: 1950px;">
+ <div style="margin-top: 100px; width: 100px; height: 100px; background-color: green"></div>
+ </div>
+ <script>
+ addEventListener('load', function() {
+ document.scrollingElement.scrollTop = 50;
+ document.documentElement.classList.remove('reftest-wait');
+ }, false);
+ </script>
+</html>
new file mode 100644
--- /dev/null
+++ b/layout/reftests/position-sticky/transformed-2.html
@@ -0,0 +1,8 @@
+<!DOCTYPE html>
+<html style="margin: 0" reftest-async-scroll reftest-async-scroll-y="50">
+ <body style="margin: 0">
+ <div style="height: 70px; background-color: blue"></div>
+ <div style="height: 2000px; transform: translateY(50px)">
+ <div style="position:sticky; top: 70px; width: 100px; height: 100px; background-color: green"></div>
+ </div>
+</html>