Bug 1319407 - Add reftest for clip-path when box-decoration-break is clone. draft
authorLouis Chang <lochang@mozilla.com>
Tue, 18 Jul 2017 18:00:46 +0800
changeset 610480 c17501f791844a6357be496885cb762d0aad657e
parent 610479 9fc84d241d69a9a72688b0418af8806d2157d8c7
child 637868 f25ee046378c9fed2928b0ac356f6863aab220e3
push id68900
push userlochang@mozilla.com
push dateTue, 18 Jul 2017 10:04:34 +0000
bugs1319407
milestone56.0a1
Bug 1319407 - Add reftest for clip-path when box-decoration-break is clone. MozReview-Commit-ID: CSkM3e15jIK
layout/reftests/svg/box-decoration-break-ref.html
layout/reftests/svg/box-decoration-break.html
new file mode 100644
--- /dev/null
+++ b/layout/reftests/svg/box-decoration-break-ref.html
@@ -0,0 +1,36 @@
+<html>
+<head>
+  <meta charset="utf-8">
+  <style>
+    span {
+      background: linear-gradient(to bottom right, yellow, green);
+      box-shadow: 8px 8px 10px 0px deeppink, -5px -5px 5px 0px blue, 5px 5px 15px 0px yellow;
+      padding: 0em 1em;
+      border-radius: 16px;
+      border-style: solid;
+      margin-left: 10px;
+      font: 24px sans-serif;
+      line-height: 2;
+      clip-path: url(#path);
+    }
+    div {
+      background: grey;
+    }
+  </style>
+</head>
+<body>
+  <div>
+    <span>The</span><br>
+    <span>quick</span><br>
+    <span>orange fox</span>
+  </div>
+
+  <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.html
@@ -0,0 +1,46 @@
+<!--
+     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</title>
+  <style>
+    .clone {
+      -ms-box-decoration-break: clone;
+      -webkit-box-decoration-break: clone;
+      -o-box-decoration-break: clone;
+      box-decoration-break: clone;
+    }
+    span {
+      background: linear-gradient(to bottom right, yellow, green);
+      box-shadow: 8px 8px 10px 0px deeppink, -5px -5px 5px 0px blue, 5px 5px 15px 0px yellow;
+      padding: 0em 1em;
+      border-radius: 16px;
+      border-style: solid;
+      margin-left: 10px;
+      font: 24px sans-serif;
+      line-height: 2;
+      clip-path: url(#path);
+    }
+    div {
+      background: grey;
+    }
+  </style>
+</head>
+<body>
+    <div>
+      <span class="clone">The<br>quick<br>orange fox</span>
+    </div>
+
+    <svg height="0">
+      <defs>
+        <clipPath id="path" clipPathUnits="objectBoundingBox">
+          <rect x="0" y="0" width="1" height="0.5"/>
+        </clipPath>
+      </defs>
+    </svg>
+</body>
+</html>