Bug 1476155 [wpt PR 12008] - WIP: Add basic blending tests., a=testonly
authorChris Lilley <chris@w3.org>
Wed, 25 Jul 2018 21:18:16 +0000
changeset 824174 b5072dc6966275b93b53babd38b4e4c6541370fb
parent 824173 d4182670419626a3a67fe754a7a17bb15a11ad97
child 824175 03bb3a250f1fa344d1e2e899e1464638558735a5
push id117837
push userbmo:aryx.bugmail@gmx-topmail.de
push dateMon, 30 Jul 2018 09:42:15 +0000
reviewerstestonly
bugs1476155, 12008
milestone63.0a1
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
testing/web-platform/meta/MANIFEST.json
testing/web-platform/tests/svg/render/reftests/blending-001-ref.svg
testing/web-platform/tests/svg/render/reftests/blending-001.svg
testing/web-platform/tests/svg/render/reftests/blending-002-ref.svg
testing/web-platform/tests/svg/render/reftests/blending-002.svg
--- 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>