Bug 1319407 - Add reftest for clip-path when box-decoration-break is clone.
MozReview-Commit-ID: CSkM3e15jIK
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>