Bug 1319407 - Add reftest for box-decoration-break with clip-path. r?cjku
MozReview-Commit-ID: CSkM3e15jIK
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
