Bug 980247 - Add a reftest for different continuations of a sticky element having the same offsets. r=dbaron
authorAbel Lin <alin@mozilla.com>
Wed, 26 Mar 2014 14:46:47 -0400
changeset 195115 52755193f6927b42f52719ef06dcaab77f72bff3
parent 195114 becd60bbd3834b7b9eef152db27e816bdc63e4ce
child 195116 85a3429366fcc515322d73022aeeb635e965c0c7
push id486
push userasasaki@mozilla.com
push dateMon, 14 Jul 2014 18:39:42 +0000
treeherdermozilla-release@d33428174ff1 [default view] [failures only]
perfherder[talos] [build metrics] [platform microbench] (compared to previous push)
reviewersdbaron
bugs980247
milestone31.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 980247 - Add a reftest for different continuations of a sticky element having the same offsets. r=dbaron
layout/reftests/position-sticky/block-in-inline-continuations-inner.html
layout/reftests/position-sticky/block-in-inline-continuations-ref-inner.html
layout/reftests/position-sticky/block-in-inline-continuations-ref.html
layout/reftests/position-sticky/block-in-inline-continuations.html
layout/reftests/position-sticky/reftest.list
new file mode 100644
--- /dev/null
+++ b/layout/reftests/position-sticky/block-in-inline-continuations-inner.html
@@ -0,0 +1,30 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+   - http://creativecommons.org/publicdomain/zero/1.0/ -->
+<html>
+  <head>
+    <title>iframe for CSS Test: Sticky Positioning - continuations have no effect when resizing</title>
+    <link rel="author" title="Abel Lin" href="mailto:alin@mozilla.com">
+    <link rel="stylesheet" type="text/css" href="ahem.css">
+    <style>
+      #scroll {
+        height: 100px;
+        overflow: hidden;
+        font: 20px/1 Ahem;
+      }
+      #sticky {
+        display: inline;
+        position: sticky;
+        top: 20px;
+      }
+    </style>
+  </head>
+  <body>
+    <div id="scroll">
+      <div id="sticky">
+          <div>in block</div>
+          after block
+      </div>
+    </div>
+</body>
+</html>
new file mode 100644
--- /dev/null
+++ b/layout/reftests/position-sticky/block-in-inline-continuations-ref-inner.html
@@ -0,0 +1,24 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+   - http://creativecommons.org/publicdomain/zero/1.0/ -->
+<html>
+  <head>
+    <title>iframe for CSS Test Reference: Sticky Positioning - continuations have no effect when resizing</title>
+    <link rel="author" title="Abel Lin" href="mailto:alin@mozilla.com">
+    <link rel="stylesheet" type="text/css" href="ahem.css">
+    <style>
+      #scroll {
+        height: 100px;
+        overflow: hidden;
+        font: 20px/1 Ahem;
+      }
+    </style>
+  </head>
+  <body>
+    <div id="scroll">
+      <div style="height: 20px"></div>
+        <div><span class="sticky">in block</span></div>
+        <span class="sticky">after block</span>
+    </div>
+  </body>
+</html>
new file mode 100644
--- /dev/null
+++ b/layout/reftests/position-sticky/block-in-inline-continuations-ref.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+   - http://creativecommons.org/publicdomain/zero/1.0/ -->
+<html>
+  <head>
+    <title>CSS Test Reference: Sticky Positioning - continuations have no effect when resizing</title>
+    <link rel="author" title="Abel Lin" href="mailto:alin@mozilla.com">
+    <script>
+    function run() {
+      document.getElementById("toresize").width = "750px";
+    }
+    </script>
+  </head>
+  <body onload="run()">
+    <iframe id="toresize" src="block-in-inline-continuations-ref-inner.html">
+    </iframe>
+  </body>
+</html>
new file mode 100644
--- /dev/null
+++ b/layout/reftests/position-sticky/block-in-inline-continuations.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+   - http://creativecommons.org/publicdomain/zero/1.0/ -->
+<html>
+  <head>
+    <title>CSS Test: Sticky Positioning - continuations have no effect when resizing</title>
+    <link rel="author" title="Abel Lin" href="mailto:alin@mozilla.com">
+    <link rel="match" href="block-in-inline-continuations-ref.html">
+    <meta name="assert" content="Inline elements split and contain blocks should always have all parts moved the same offset from their normal position">
+    <script>
+    function run() {
+      document.getElementById("toresize").width = "750px";
+    }
+    </script>
+  </head>
+  <body onload="run()">
+    <iframe id="toresize" src="block-in-inline-continuations-inner.html">
+    </iframe>
+  </body>
+</html>
--- a/layout/reftests/position-sticky/reftest.list
+++ b/layout/reftests/position-sticky/reftest.list
@@ -45,9 +45,10 @@ fuzzy-if(Android,4,810) == containing-bl
 == inline-2.html inline-2-ref.html
 fuzzy-if(OSX==10.6||OSX==10.7,64,100) fuzzy-if(OSX==10.8,99,210) == inline-3.html inline-3-ref.html
 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(Android,8,1533) skip-if(B2G&&browserIsRemote) == block-in-inline-2.html block-in-inline-2-ref.html
 fuzzy-if(Android,8,630) fuzzy-if(OSX==10.8,1,11) skip-if(B2G&&browserIsRemote) == block-in-inline-3.html block-in-inline-3-ref.html
++== block-in-inline-continuations.html block-in-inline-continuations-ref.html
 == inner-table-1.html inner-table-1-ref.html