Bug 1319407 - Add reftest for box-decoration-break with clip-path. r?cjku draft
authorLouis Chang <lochang@mozilla.com>
Thu, 20 Jul 2017 16:25:43 +0800
changeset 612056 0758a169c4ae975903e1f46138bf2b178f0d0ce8
parent 612055 39fea1a45dbe7eacbcbfbaa9cf70314aab716859
child 638298 915ef7b71c9c853c5f5d5a9b96112656f22a8325
push id69371
push userlochang@mozilla.com
push dateThu, 20 Jul 2017 08:26:31 +0000
reviewerscjku
bugs1319407
milestone56.0a1
Bug 1319407 - Add reftest for box-decoration-break with clip-path. r?cjku MozReview-Commit-ID: CSkM3e15jIK
layout/reftests/svg/box-decoration-break-clone-ref.html
layout/reftests/svg/box-decoration-break-clone.html
layout/reftests/svg/box-decoration-break-slice-ref.html
layout/reftests/svg/box-decoration-break-slice.html
layout/reftests/svg/reftest.list
new file mode 100644
--- /dev/null
+++ b/layout/reftests/svg/box-decoration-break-clone-ref.html
@@ -0,0 +1,27 @@
+<html>
+<head>
+  <meta charset="utf-8">
+  <style>
+    span {
+      padding: 0em 1em;
+      margin-left: 10px;
+      font: 24px sans-serif;
+      line-height: 2;
+      clip-path: url(#path);
+    }
+  </style>
+</head>
+<body>
+  <span>The</span><br>
+  <span>quick</span><br>
+  <span>orange fox</span>
+
+  <svg height="0">
+    <defs>
+      <clipPath id="path" clipPathUnits="objectBoundingBox">
+        <rect x="0" y="0" width="1" height="0.5"/>
+      </clipPath>
+    </defs>
+  </svg>
+</body>
+</html>
new file mode 100644
--- /dev/null
+++ b/layout/reftests/svg/box-decoration-break-clone.html
@@ -0,0 +1,34 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+
+<html>
+<head>
+  <meta charset="utf-8">
+  <title>Test of box-decoration-break:clone with clip-path</title>
+  <style>
+    .clone {
+      box-decoration-break: clone;
+    }
+    span {
+      padding: 0em 1em;
+      margin-left: 10px;
+      font: 24px sans-serif;
+      line-height: 2;
+      clip-path: url(#path);
+    }
+  </style>
+</head>
+<body>
+  <span class="clone">The<br>quick<br>orange fox</span>
+
+  <svg height="0">
+    <defs>
+      <clipPath id="path" clipPathUnits="objectBoundingBox">
+        <rect x="0" y="0" width="1" height="0.5"/>
+      </clipPath>
+    </defs>
+  </svg>
+</body>
+</html>
new file mode 100644
--- /dev/null
+++ b/layout/reftests/svg/box-decoration-break-slice-ref.html
@@ -0,0 +1,14 @@
+<head>
+  <meta charset="utf-8">
+  <style>
+    span {
+      padding: 0em 1em;
+      margin-left: 10px;
+      font: 24px sans-serif;
+      line-height: 2;
+    }
+  </style>
+</head>
+<body>
+  <span>The</span>
+</body>
new file mode 100644
--- /dev/null
+++ b/layout/reftests/svg/box-decoration-break-slice.html
@@ -0,0 +1,31 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+
+<html>
+<head>
+  <meta charset="utf-8">
+  <title>Test of box-decoration-break:slice with clip-path</title>
+  <style>
+    span {
+      padding: 0em 1em;
+      margin-left: 10px;
+      font: 24px sans-serif;
+      line-height: 2;
+      clip-path: url(#path);
+    }
+  </style>
+</head>
+<body>
+  <span>The<br>quick<br>orange fox</span>
+
+  <svg height="0">
+    <defs>
+      <clipPath id="path" clipPathUnits="objectBoundingBox">
+        <rect x="0" y="0" width="1" height="0.3"/>
+      </clipPath>
+    </defs>
+  </svg>
+</body>
+</html>
--- a/layout/reftests/svg/reftest.list
+++ b/layout/reftests/svg/reftest.list
@@ -51,16 +51,19 @@ pref(layout.css.mix-blend-mode.enabled,t
 #skip-if(Android) pref(layout.css.mix-blend-mode.enabled,true) == blend-overlay.svg blend-overlay-ref.svg
 #skip-if(Android)  pref(layout.css.mix-blend-mode.enabled,true) == blend-saturation.svg blend-saturation-ref.svg
 #skip-if(Android) pref(layout.css.mix-blend-mode.enabled,true) == blend-screen.svg blend-screen-ref.svg
 #skip-if(Android) pref(layout.css.mix-blend-mode.enabled,true) == blend-soft-light.svg blend-soft-light-ref.svg
 skip-if(Android) pref(layout.css.mix-blend-mode.enabled,true) == blend-difference-stacking.html blend-difference-stacking-ref.html
 
 == border-radius-01.html pass.svg
 
+== box-decoration-break-clone.html box-decoration-break-clone-ref.html
+== box-decoration-break-slice.html box-decoration-break-slice-ref.html
+
 == clip-01.svg pass.svg
 == clip-02a.svg clip-02-ref.svg
 == clip-02b.svg clip-02-ref.svg
 == clip-surface-clone-01.svg clip-surface-clone-01-ref.svg
 == clip-use-element-01.svg pass.svg
 == clip-use-element-02.svg pass.svg
 
 == clipPath-advanced-01.svg pass.svg