Bug 1166301 - Test that a mask layer on a fixed background of a child element is moved correctly during async scrolling. r=mstange
authorBotond Ballo <botond@mozilla.com>
Mon, 31 Aug 2015 21:09:05 -0400
changeset 295290 d24b11e4beb29e7b0941121b93b10fc155c53a4e
parent 295289 e8ed0b24e299fa6ba8020898aae0bd77e4e261e8
child 295291 52b0a222ce42821d100c8abb88f8f8728b7303c0
push id5245
push userraliiev@mozilla.com
push dateThu, 29 Oct 2015 11:30:51 +0000
treeherdermozilla-beta@dac831dc1bd0 [default view] [failures only]
perfherder[talos] [build metrics] [platform microbench] (compared to previous push)
reviewersmstange
bugs1166301
milestone43.0a1
first release with
nightly linux32
nightly linux64
nightly mac
nightly win32
nightly win64
last release without
nightly linux32
nightly linux64
nightly mac
nightly win32
nightly win64
Bug 1166301 - Test that a mask layer on a fixed background of a child element is moved correctly during async scrolling. r=mstange
layout/reftests/async-scrolling/bg-fixed-child-mask-ref.html
layout/reftests/async-scrolling/bg-fixed-child-mask.html
layout/reftests/async-scrolling/reftest.list
new file mode 100644
--- /dev/null
+++ b/layout/reftests/async-scrolling/bg-fixed-child-mask-ref.html
@@ -0,0 +1,11 @@
+<!DOCTYPE HTML>
+<html>
+<body style="overflow:hidden; margin:0;">
+  <div style="margin-top: 50px; height: 100px;
+              background-image:url(repeatable-diagonal-gradient.png);
+              background-repeat:no-repeat;
+              background-position:0px -50px;
+              border-radius:50px;">
+  </div>
+</body>
+</html>
new file mode 100644
--- /dev/null
+++ b/layout/reftests/async-scrolling/bg-fixed-child-mask.html
@@ -0,0 +1,17 @@
+<!DOCTYPE HTML>
+<html reftest-async-scroll
+      reftest-displayport-x="0" reftest-displayport-y="0"
+      reftest-displayport-w="800" reftest-displayport-h="2000"
+      reftest-async-scroll-x="0" reftest-async-scroll-y="50">
+<body style="overflow:hidden; height:3000px; margin:0;">
+  <div style="margin-top: 100px; height: 100px;
+              background-image:url(repeatable-diagonal-gradient.png);
+              background-attachment:fixed;
+              background-repeat:no-repeat;
+              background-position:top left;
+              border-radius:50px;">
+  </div>
+  <!-- test that the clip of a background-attachment:fixed background of a
+       child element moves correctly during async scrolling -->
+</body>
+</html>
--- a/layout/reftests/async-scrolling/reftest.list
+++ b/layout/reftests/async-scrolling/reftest.list
@@ -1,14 +1,15 @@
 skip-if(!asyncPan) == bg-fixed-1.html bg-fixed-1-ref.html
 skip-if(!asyncPan) == bg-fixed-cover-1.html bg-fixed-cover-1-ref.html
 skip-if(!asyncPan) == bg-fixed-cover-2.html bg-fixed-cover-2-ref.html
 skip-if(!asyncPan) == bg-fixed-cover-3.html bg-fixed-cover-3-ref.html
 skip-if(!asyncPan) == bg-fixed-child.html bg-fixed-child-ref.html
 skip-if(!asyncPan) == bg-fixed-child-clip.html bg-fixed-child-clip-ref.html
+skip-if(!asyncPan) == bg-fixed-child-mask.html bg-fixed-child-mask-ref.html
 skip-if(!asyncPan) == element-1.html element-1-ref.html
 pref(layers.force-active,true) skip-if(!asyncPan) == iframe-1.html iframe-1-ref.html
 skip-if(!asyncPan) == nested-1.html nested-1-ref.html
 skip-if(!asyncPan) == nested-2.html nested-2-ref.html
 skip-if(!asyncPan) == position-fixed-1.html position-fixed-1-ref.html
 skip-if(!asyncPan) == position-fixed-2.html position-fixed-2-ref.html
 skip-if(!asyncPan) == position-fixed-cover-1.html position-fixed-cover-1-ref.html
 skip-if(!asyncPan) == position-fixed-cover-2.html position-fixed-cover-2-ref.html