Bug 1476155 [wpt PR 12008] - WIP: Add basic blending tests., a=testonly
Automatic update from web-platform-testsMerge pull request #12008 from Tavmjong/blending
WIP: Add basic blending tests.
--
wpt-commits: 20b68a5bb65b7566aa9d40f8e80d0d5e682a5fd0
wpt-pr: 12008
--- a/testing/web-platform/meta/MANIFEST.json
+++ b/testing/web-platform/meta/MANIFEST.json
@@ -185058,16 +185058,40 @@
[
"/svg/pservers/reftests/radialgradient-basic-002-ref.svg",
"=="
]
],
{}
]
],
+ "svg/render/reftests/blending-001.svg": [
+ [
+ "/svg/render/reftests/blending-001.svg",
+ [
+ [
+ "/svg/render/reftests/blending-001-ref.svg",
+ "=="
+ ]
+ ],
+ {}
+ ]
+ ],
+ "svg/render/reftests/blending-002.svg": [
+ [
+ "/svg/render/reftests/blending-002.svg",
+ [
+ [
+ "/svg/render/reftests/blending-002-ref.svg",
+ "=="
+ ]
+ ],
+ {}
+ ]
+ ],
"svg/rendering/order/z-index.svg": [
[
"/svg/rendering/order/z-index.svg",
[
[
"/svg/rendering/order/z-index-ref.svg",
"=="
]
@@ -297179,16 +297203,26 @@
{}
]
],
"svg/pservers/reftests/radialgradient-basic-002-ref.svg": [
[
{}
]
],
+ "svg/render/reftests/blending-001-ref.svg": [
+ [
+ {}
+ ]
+ ],
+ "svg/render/reftests/blending-002-ref.svg": [
+ [
+ {}
+ ]
+ ],
"svg/rendering/order/z-index-ref.svg": [
[
{}
]
],
"svg/shapes/ellipse-01-ref.svg": [
[
{}
@@ -621017,16 +621051,32 @@
"svg/pservers/reftests/radialgradient-basic-002-ref.svg": [
"65ce2b6056fcf008cdfeabf94a7e7314654731c5",
"support"
],
"svg/pservers/reftests/radialgradient-basic-002.svg": [
"03751dba3c2dfc7b4d478879dc94878b0dffcc99",
"reftest"
],
+ "svg/render/reftests/blending-001-ref.svg": [
+ "2eab909f1ad53777522f75b968e73879236573f9",
+ "support"
+ ],
+ "svg/render/reftests/blending-001.svg": [
+ "5503dc3d96e7fa0c5884f6692469010fe28e4527",
+ "reftest"
+ ],
+ "svg/render/reftests/blending-002-ref.svg": [
+ "cf08e0892c32439a738b1eef93683702b6139990",
+ "support"
+ ],
+ "svg/render/reftests/blending-002.svg": [
+ "f77800e686cee3007fb7c40574c61b22d65217ef",
+ "reftest"
+ ],
"svg/rendering/order/z-index-ref.svg": [
"955f465ece3132da0bdd1e3b832e97db84f22b55",
"support"
],
"svg/rendering/order/z-index.svg": [
"953878148271362da66d8f56e60ef57e2d77b0ce",
"reftest"
],
new file mode 100644
--- /dev/null
+++ b/testing/web-platform/tests/svg/render/reftests/blending-001-ref.svg
@@ -0,0 +1,32 @@
+<svg id="svg-root"
+ width="100%" height="100%" viewBox="0 0 480 360"
+ xmlns="http://www.w3.org/2000/svg"
+ xmlns:xlink="http://www.w3.org/1999/xlink"
+ xmlns:html="http://www.w3.org/1999/xhtml">
+ <g id="testmeta">
+ <title>'mix-blend-mode' with 'isolation'</title>
+ <html:link rel="author"
+ title="Tavmjong Bah"
+ href="http://tavmjong.free.fr"/>
+ </g>
+
+ <g id="test-body-content">
+ <g>
+ <rect x="120" y="80" width="160" height="160" fill="red"/>
+ <rect x="200" y="80" width="160" height="160" fill="lime"/>
+ <rect x="160" y="160" width="160" height="160" fill="blue"/>
+ <rect x="200" y="160" width="80" height="80" fill="#ffffff"/>
+ <rect x="200" y="80" width="80" height="80" fill="#ffff00"/>
+ <rect x="160" y="160" width="40" height="80" fill="#ff00ff"/>
+ <rect x="280" y="160" width="40" height="80" fill="#00ffff"/>
+ </g>
+
+ <!-- Stroke to prevent aliasing from effecting results. -->
+ <g style="fill:none;stroke:black;stroke-width:2px">
+ <rect x="120" y="80" width="160" height="160"/>
+ <rect x="200" y="80" width="160" height="160"/>
+ <rect x="160" y="160" width="160" height="160"/>
+ </g>
+ </g>
+
+</svg>
new file mode 100644
--- /dev/null
+++ b/testing/web-platform/tests/svg/render/reftests/blending-001.svg
@@ -0,0 +1,43 @@
+<svg id="svg-root"
+ width="100%" height="100%" viewBox="0 0 480 360"
+ xmlns="http://www.w3.org/2000/svg"
+ xmlns:xlink="http://www.w3.org/1999/xlink"
+ xmlns:html="http://www.w3.org/1999/xhtml">
+ <g id="testmeta">
+ <title>'mix-blend-mode'</title>
+ <html:link rel="author"
+ title="Tavmjong Bah"
+ href="http://tavmjong.free.fr"/>
+ <html:link rel="help"
+ href="https://www.w3.org/TR/SVG2/render.html#PaintersModel"/>
+ <html:link rel="match" href="blending-001-ref.svg" />
+ </g>
+
+ <style id="test-font" type="text/css">
+ rect {
+ mix-blend-mode: screen;
+ }
+
+ g {
+ isolation: isolate;
+ }
+ </style>
+
+ <g id="test-body-content">
+
+ <g>
+ <rect x="120" y="80" width="160" height="160" fill="red"/>
+ <rect x="200" y="80" width="160" height="160" fill="lime"/>
+ <rect x="160" y="160" width="160" height="160" fill="blue"/>
+ </g>
+
+ <!-- Stroke to prevent aliasing from effecting results. -->
+ <g style="mix-blend-mode:normal;fill:none;stroke:black;stroke-width:2px">
+ <rect x="120" y="80" width="160" height="160"/>
+ <rect x="200" y="80" width="160" height="160"/>
+ <rect x="160" y="160" width="160" height="160"/>
+ </g>
+
+ </g>
+
+</svg>
new file mode 100644
--- /dev/null
+++ b/testing/web-platform/tests/svg/render/reftests/blending-002-ref.svg
@@ -0,0 +1,32 @@
+<svg id="svg-root"
+ width="100%" height="100%" viewBox="0 0 480 360"
+ xmlns="http://www.w3.org/2000/svg"
+ xmlns:xlink="http://www.w3.org/1999/xlink"
+ xmlns:html="http://www.w3.org/1999/xhtml">
+ <g id="testmeta">
+ <title>'mix-blend-mode' with 'isolation'</title>
+ <html:link rel="author"
+ title="Tavmjong Bah"
+ href="http://tavmjong.free.fr"/>
+ </g>
+
+ <g id="test-body-content">
+ <g>
+ <rect x="120" y="80" width="160" height="160" fill="red"/>
+ <rect x="200" y="80" width="160" height="160" fill="lime"/>
+ <rect x="160" y="160" width="160" height="160" fill="blue"/>
+ <rect x="200" y="160" width="80" height="80" fill="#00ffff"/>
+ <rect x="200" y="80" width="80" height="80" fill="#00ff00"/>
+ <rect x="160" y="160" width="40" height="80" fill="#0000ff"/>
+ <rect x="280" y="160" width="40" height="80" fill="#00ffff"/>
+ </g>
+
+ <!-- Stroke to prevent aliasing from effecting results. -->
+ <g style="fill:none;stroke:black;stroke-width:2px">
+ <rect x="120" y="80" width="160" height="160"/>
+ <rect x="200" y="80" width="160" height="160"/>
+ <rect x="160" y="160" width="160" height="160"/>
+ </g>
+ </g>
+
+</svg>
new file mode 100644
--- /dev/null
+++ b/testing/web-platform/tests/svg/render/reftests/blending-002.svg
@@ -0,0 +1,43 @@
+<svg id="svg-root"
+ width="100%" height="100%" viewBox="0 0 480 360"
+ xmlns="http://www.w3.org/2000/svg"
+ xmlns:xlink="http://www.w3.org/1999/xlink"
+ xmlns:html="http://www.w3.org/1999/xhtml">
+ <g id="testmeta">
+ <title>'mix-blend-mode' with 'isolation'</title>
+ <html:link rel="author"
+ title="Tavmjong Bah"
+ href="http://tavmjong.free.fr"/>
+ <html:link rel="help"
+ href="https://www.w3.org/TR/SVG2/render.html#PaintersModel"/>
+ <html:link rel="match" href="blending-002-ref.svg" />
+ </g>
+
+ <style id="test-font" type="text/css">
+ rect {
+ mix-blend-mode: screen;
+ }
+
+ g {
+ isolation: isolate;
+ }
+ </style>
+
+ <g id="test-body-content">
+
+ <rect x="120" y="80" width="160" height="160" fill="red"/>
+ <g>
+ <rect x="200" y="80" width="160" height="160" fill="lime"/>
+ <rect x="160" y="160" width="160" height="160" fill="blue"/>
+ </g>
+
+ <!-- Stroke to prevent aliasing from effecting results. -->
+ <g style="mix-blend-mode:normal;fill:none;stroke:black;stroke-width:2px">
+ <rect x="120" y="80" width="160" height="160"/>
+ <rect x="200" y="80" width="160" height="160"/>
+ <rect x="160" y="160" width="160" height="160"/>
+ </g>
+
+ </g>
+
+</svg>
