Bug 1508645 - Upstream the test for bug 1495791 to WPT. r=aosmond
authorEmilio Cobos Álvarez <emilio@crisal.io>
Tue, 20 Nov 2018 15:39:00 +0100
changeset 503703 2584f7a7f63adb79ce5acd99bbb91f6b64b87f0f
parent 503702 a0d45e98912fc4135ac222e540907b90a4f22eeb
child 503704 ce4515855b43514b4ee6e5ef8d450ed2dbfb1a73
push id10290
push userffxbld-merge
push dateMon, 03 Dec 2018 16:23:23 +0000
treeherdermozilla-beta@700bed2445e6 [default view] [failures only]
perfherder[talos] [build metrics] [platform microbench] (compared to previous push)
reviewersaosmond
bugs1508645, 1495791
milestone65.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 1508645 - Upstream the test for bug 1495791 to WPT. r=aosmond Differential Revision: https://phabricator.services.mozilla.com/D12427
layout/reftests/bugs/1495791-ref.html
layout/reftests/bugs/1495791.html
layout/reftests/bugs/reftest.list
testing/web-platform/tests/css/css-masking/clip/clip-fixed-pos-transform-descendant-001-ref.html
testing/web-platform/tests/css/css-masking/clip/clip-fixed-pos-transform-descendant-001.html
deleted file mode 100644
--- a/layout/reftests/bugs/1495791-ref.html
+++ /dev/null
@@ -1,10 +0,0 @@
-<!doctype html>
-<style>
-  html, body { margin: 0 }
-  div {
-    width: 100px;
-    height: 100px;
-    background: lime;
-  }
-</style>
-<div></div>
deleted file mode 100644
--- a/layout/reftests/bugs/1495791.html
+++ /dev/null
@@ -1,32 +0,0 @@
-<!doctype html>
-<style>
-html, body { margin: 0; }
-
-#clip {
-  height: 100px;
-  width: 100px;
-  background: lime;
-  clip: rect(0, auto, auto, 0);
-  position: absolute;
-}
-
-#fixed {
-  position: fixed;
-  top: 0;
-  left: 0;
-  width: 100px;
-  height: 100px;
-}
-
-#clipped {
-  height: 100px;
-  width: 100px;
-  background: red;
-  transform: translateY(100px);
-}
-</style>
-<div id="clip">
-  <div id="fixed">
-    <div id="clipped"></div>
-  </div>
-</div>
--- a/layout/reftests/bugs/reftest.list
+++ b/layout/reftests/bugs/reftest.list
@@ -2090,9 +2090,8 @@ fuzzy(0-1,0-625) == 1466638-1.html 14666
 == bug1472465-1.html bug1472465-1-ref.html
 == 1475971-1.html 1475971-1-ref.html
 == 1483649-1.xul 1483649-1-ref.xul
 test-pref(layout.css.contain.enabled,true) == 1483946.html 1483946-ref.html
 test-pref(layout.css.visited_links_enabled,false) == 1488155.html 1488155-ref.html
 == 1492660-1.html 1492660-1-ref.html
 pref(layout.css.supports-selector.enabled,true) == 1499386.html 1499386-ref.html
 pref(layout.css.supports-selector.enabled,false) != 1499386.html 1499386-ref.html
-== 1495791.html 1495791-ref.html
new file mode 100644
--- /dev/null
+++ b/testing/web-platform/tests/css/css-masking/clip/clip-fixed-pos-transform-descendant-001-ref.html
@@ -0,0 +1,11 @@
+<!doctype html>
+<title>CSS Test Reference</title>
+<style>
+  html, body { margin: 0 }
+  div {
+    width: 100px;
+    height: 100px;
+    background: lime;
+  }
+</style>
+<div></div>
new file mode 100644
--- /dev/null
+++ b/testing/web-platform/tests/css/css-masking/clip/clip-fixed-pos-transform-descendant-001.html
@@ -0,0 +1,38 @@
+<!doctype html>
+<title>CSS Masking: Transformed descendants of a fixed pos element under a clipped element get properly clipped</title>
+<link rel="author" title="Emilio Cobos Álvarez" href="mailto:emilio@crisal.io">
+<link rel="author" title="Mozilla" href="https://mozilla.org">
+<link rel="match" href="clip-fixed-pos-transform-descendant-001-ref.html">
+<link rel="help" href="https://drafts.fxtf.org/css-masking/#clip-property">
+<link rel="help" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1495791">
+<style>
+html, body { margin: 0; }
+
+#clip {
+  height: 100px;
+  width: 100px;
+  background: lime;
+  clip: rect(0, auto, auto, 0);
+  position: absolute;
+}
+
+#fixed {
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100px;
+  height: 100px;
+}
+
+#clipped {
+  height: 100px;
+  width: 100px;
+  background: red;
+  transform: translateY(100px);
+}
+</style>
+<div id="clip">
+  <div id="fixed">
+    <div id="clipped"></div>
+  </div>
+</div>