summaryrefslogtreecommitdiffstats
path: root/testing/web-platform/tests/svg/render
diff options
context:
space:
mode:
Diffstat (limited to 'testing/web-platform/tests/svg/render')
-rw-r--r--testing/web-platform/tests/svg/render/order/clip-path-filter-order-ref.svg6
-rw-r--r--testing/web-platform/tests/svg/render/order/clip-path-filter-order.svg26
-rw-r--r--testing/web-platform/tests/svg/render/order/z-index-ref.svg9
-rw-r--r--testing/web-platform/tests/svg/render/order/z-index.svg15
4 files changed, 56 insertions, 0 deletions
diff --git a/testing/web-platform/tests/svg/render/order/clip-path-filter-order-ref.svg b/testing/web-platform/tests/svg/render/order/clip-path-filter-order-ref.svg
new file mode 100644
index 0000000000..ea42d9eb02
--- /dev/null
+++ b/testing/web-platform/tests/svg/render/order/clip-path-filter-order-ref.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+ xmlns:h="http://www.w3.org/1999/xhtml"
+ xmlns:xlink="http://www.w3.org/1999/xlink"
+ width="800" height="600" viewBox="0 0 800 600">
+ <rect x="100" y="100" width="200" height="200" fill="green" />
+</svg>
diff --git a/testing/web-platform/tests/svg/render/order/clip-path-filter-order.svg b/testing/web-platform/tests/svg/render/order/clip-path-filter-order.svg
new file mode 100644
index 0000000000..22cda52d68
--- /dev/null
+++ b/testing/web-platform/tests/svg/render/order/clip-path-filter-order.svg
@@ -0,0 +1,26 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+ xmlns:h="http://www.w3.org/1999/xhtml"
+ xmlns:xlink="http://www.w3.org/1999/xlink"
+ width="800" height="600" viewBox="0 0 800 600">
+ <metadata>
+ <h:link rel="author" title="Philip Rogers" href="mailto:pdr@chromium.org"/>
+ <h:link rel="help" href="https://www.w3.org/TR/SVG11/single-page.html#render-RenderingOrder"/>
+ <h:link rel="match" href="clip-path-filter-order-ref.svg"/>
+ <h:meta name="assert" content="Clip path should apply after filtering."/>
+ </metadata>
+
+ <defs>
+ <filter id="redDropShadowFilter">
+ <feOffset result="offsetOut" in="SourceGraphic" dx="10" dy="10" />
+ <feColorMatrix result="colorMatrixOut" in="offsetOut" type="matrix"
+ values="1 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 1 0" />
+ <feGaussianBlur result="blurOut" in="colorMatrixOut" stdDeviation="15" />
+ <feBlend in="SourceGraphic" in2="blurOut" mode="normal" />
+ </filter>
+ <clipPath id="clipPath">
+ <rect x="100" y="100" width="200" height="200" />
+ </clipPath>
+ </defs>
+ <rect x="100" y="100" width="400" height="400" fill="green"
+ filter="url(#redDropShadowFilter)" clip-path="url(#clipPath)" />
+</svg>
diff --git a/testing/web-platform/tests/svg/render/order/z-index-ref.svg b/testing/web-platform/tests/svg/render/order/z-index-ref.svg
new file mode 100644
index 0000000000..ff7f915668
--- /dev/null
+++ b/testing/web-platform/tests/svg/render/order/z-index-ref.svg
@@ -0,0 +1,9 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+ xmlns:h="http://www.w3.org/1999/xhtml"
+ xmlns:xlink="http://www.w3.org/1999/xlink"
+ width="300" height="200" viewBox="0 0 300 200">
+ <rect x="130" y="50" width="70" height="70" fill="green" />
+ <rect x="100" y="80" width="70" height="70" fill="blue" />
+ <rect x="74" y="35" width="70" height="70" fill="red" />
+
+</svg>
diff --git a/testing/web-platform/tests/svg/render/order/z-index.svg b/testing/web-platform/tests/svg/render/order/z-index.svg
new file mode 100644
index 0000000000..786290a158
--- /dev/null
+++ b/testing/web-platform/tests/svg/render/order/z-index.svg
@@ -0,0 +1,15 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+ xmlns:h="http://www.w3.org/1999/xhtml"
+ xmlns:xlink="http://www.w3.org/1999/xlink"
+ width="300" height="200" viewBox="0 0 300 200">
+ <metadata>
+ <h:link rel="help" href="https://svgwg.org/svg2-draft/render.html#ZIndexProperty"/>
+ <h:link rel="match" href="z-index-ref.svg"/>
+ <h:meta name="assert" content="The z-index property allows an element to be assigned to a stack level."/>
+ </metadata>
+
+ <rect x="74" y="35" width="70" height="70" fill="red" style="z-index: 1;" />
+ <rect x="130" y="50" width="70" height="70" fill="green" />
+ <rect x="100" y="80" width="70" height="70" fill="blue" />
+
+</svg>