1 files changed, 66 insertions, 0 deletions
diff --git a/testing/web-platform/tests/html/canvas/element/manual/filters/canvas-opacity-expected.html b/testing/web-platform/tests/html/canvas/element/manual/filters/canvas-opacity-expected.html
new file mode 100644
index 0000000000..caf6b53ce3
--- /dev/null
+++ b/testing/web-platform/tests/html/canvas/element/manual/filters/canvas-opacity-expected.html
@@ -0,0 +1,66 @@
+<!DOCTYPE html>
+<body>
+  <div id="sq-1"></div>
+  <div id="sq-2"></div>
+  <div id="sq-3"></div>
+  <div id="sq-4"></div>
+  <div id="sq-5"></div>
+  <div id="sq-6"></div>
+  <div id="sq-7"></div>
+  <div id="sq-8"></div>
+</body>
+<style>
+  div{
+    width: 50px;
+    height: 50px;
+    position: absolute;
+  }
+  #sq-1{
+    background-color: teal;
+    left:  18px;
+    top:  18px;
+    opacity: 0.75;
+  }
+  #sq-2{
+    background-color: magenta;
+    left:  78px;
+    top:  18px;
+    opacity: 0.5;
+  }
+  #sq-3{
+    background-color: orange;
+    left:  18px;
+    top:  78px;
+    opacity: 0.25;
+  }
+  #sq-4{
+    background-color: chocolate;
+    left:  78px;
+    top:  78px;
+    opacity: 0;
+  }
+  #sq-5{
+    background-color: cyan;
+    left:  18px;
+    top:  158px;
+    opacity: 0.8;
+  }
+  #sq-6{
+    background-color: red;
+    left:  28px;
+    top:  158px;
+    opacity: 0.6;
+  }
+  #sq-7{
+    background-color: yellow;
+    left:  38px;
+    top:  158px;
+    opacity: 0.4;
+  }
+  #sq-8{
+    background-color: green;
+    left:  48px;
+    top:  158px;
+    opacity: 0.2;
+  }
+</style>