Bug 1451971 - Add new reftest for changing content within perspective without breaking sorting. r?miko draft
authorMatt Woodrow <mwoodrow@mozilla.com>
Wed, 11 Apr 2018 21:36:51 +1200
changeset 780354 a277d952f63baf75870b3bdd3cdffdd787c3c863
parent 778203 7b40283bf1c7a2a3e6a8a5d00156a2f506ff465b
child 780355 37f4ebcc2e7bae159f722f8c00163cf9640835ed
push id105977
push usermwoodrow@mozilla.com
push dateWed, 11 Apr 2018 09:51:21 +0000
reviewersmiko
bugs1451971
milestone61.0a1
Bug 1451971 - Add new reftest for changing content within perspective without breaking sorting. r?miko MozReview-Commit-ID: BaxNJGStRCM
layout/reftests/display-list/1451971-1.html
layout/reftests/display-list/1451971-ref.html
layout/reftests/display-list/reftest.list
new file mode 100644
--- /dev/null
+++ b/layout/reftests/display-list/1451971-1.html
@@ -0,0 +1,36 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+<style>
+  div {
+    width: 200px;
+    height: 200px;
+  }
+  .sort-marker {
+    position: fixed;
+    background-color: green;
+  }
+  .inner {
+    position: absolute;
+    background-color: blue;
+  }
+</style>
+</head>
+<body>
+
+<div class="sort-marker"></div>
+<div style="perspective: 200px">
+  <div class="inner" style="left: 5px; top: 5px;"></div>
+  <div class="inner" id="move" style="left: 220px;"></div>
+</div>
+<div class="sort-marker" style="left: 20px; top: 20px;"></div>
+
+<script>
+  function doTest() {
+    document.getElementById("move").style.left = "221px";
+    document.documentElement.removeAttribute('class');
+  }
+  window.addEventListener("MozReftestInvalidate", doTest);
+</script>
+</body>
+</html>
new file mode 100644
--- /dev/null
+++ b/layout/reftests/display-list/1451971-ref.html
@@ -0,0 +1,29 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style>
+  div {
+    width: 200px;
+    height: 200px;
+  }
+  .sort-marker {
+    position: fixed;
+    background-color: green;
+  }
+  .inner {
+    position: absolute;
+    background-color: blue;
+  }
+</style>
+</head>
+<body>
+
+<div class="sort-marker"></div>
+<div style="perspective: 200px">
+  <div class="inner" style="left: 5px; top: 5px;"></div>
+  <div class="inner" id="move" style="left: 221px;"></div>
+</div>
+<div class="sort-marker" style="left: 20px; top: 20px;"></div>
+
+</body>
+</html>
--- a/layout/reftests/display-list/reftest.list
+++ b/layout/reftests/display-list/reftest.list
@@ -21,8 +21,9 @@ needs-focus == 1429027-1.html 1429027-1-
 == 1432553-1.html 1432553-1-ref.html
 == 1432553-2.html 1432553-2-ref.html
 == 1436189-1.html 1436189-1-ref.html
 skip-if(!asyncPan) == 1437374-1.html 1437374-1-ref.html
 == 1439809-1.html 1439809-1-ref.html
 == 1443027-1.html 1443027-ref.html
 == 1443027-2.html 1443027-ref.html
 == 1443027-3.html 1443027-3-ref.html
+== 1451971-1.html 1451971-ref.html