Bug 1520652 - Add test for clipped SVG filter within HTML content. r=mstange
authorMatt Woodrow <mwoodrow@mozilla.com>
Sat, 19 Jan 2019 06:34:41 +0000
changeset 511702 eb47c0869f76c4dc5566f4ffb796d5dba98a90f1
parent 511701 35418acc5dc72f99920066ae96de8be11c39595c
child 511703 1342b278cd2d47f74014b3676fe82069b3dcf3b5
push id10547
push userffxbld-merge
push dateMon, 21 Jan 2019 13:03:58 +0000
treeherdermozilla-beta@24ec1916bffe [default view] [failures only]
perfherder[talos] [build metrics] [platform microbench] (compared to previous push)
reviewersmstange
bugs1520652
milestone66.0a1
first release with
nightly linux32
nightly linux64
nightly mac
nightly win32
nightly win64
last release without
nightly linux32
nightly linux64
nightly mac
nightly win32
nightly win64
Bug 1520652 - Add test for clipped SVG filter within HTML content. r=mstange Differential Revision: https://phabricator.services.mozilla.com/D16940
layout/reftests/svg/filters/css-filters/blur-clip-rect.html
layout/reftests/svg/filters/css-filters/reftest.list
new file mode 100644
--- /dev/null
+++ b/layout/reftests/svg/filters/css-filters/blur-clip-rect.html
@@ -0,0 +1,33 @@
+<!DOCTYPE html>
+<html>
+  <title>CSS Filters: Blur an HTML Element and clip to the blur rect</title>
+  <style type="text/css">
+    #target {
+      filter: url(#blur);
+      width: 400px;
+      height: 400px;
+    }
+    #inner {
+      position: relative;
+      left: 100px;
+      top: 100px;
+      width: 100px;
+      height: 100px;
+      background-color: #00ff00;
+    }
+    body {
+      margin: 0px;
+    }
+  </style>
+</head>
+<body>
+  <div id="target">
+    <div id="inner"></div>
+  </div>
+  <svg width="0" height="0">
+    <filter id="blur" filterUnits="userSpaceOnUse" primitiveUnits="userSpaceOnUse">
+      <feGaussianBlur in="SourceGraphic" stdDeviation="10" result="blur" x="100" y="100" width="100" height="100"/>
+    </filter>
+  </svg>
+</body>
+</html>
--- a/layout/reftests/svg/filters/css-filters/reftest.list
+++ b/layout/reftests/svg/filters/css-filters/reftest.list
@@ -1,16 +1,17 @@
 # These tests verify that CSS filters behave properly.
 # e.g. filter: blur(3px)
 
 == blur.html blur-ref.html
 == blur.svg blur-ref.svg
 == blur-calc.html blur-calc-ref.html
 == blur-calc-negative.html blur-calc-negative-ref.html
 fuzzy-if(cocoaWidget&&webrender,0-1,0-2) skip-if(d2d) == blur-cap-large-radius-on-software.html blur-cap-large-radius-on-software-ref.html
+fails-if(webrender) == blur-clip-rect.html ../feGaussianBlur-4-ref.svg
 == blur-em-radius.html blur-em-radius-ref.html
 == blur-invalid-radius.html blur-invalid-radius-ref.html
 == blur-rem-radius.html blur-rem-radius-ref.html
 == blur-zero-radius.html blur-zero-radius-ref.html
 == blur-zoomed-page.html blur-zoomed-page-ref.html
 == brightness.html brightness-ref.html
 == brightness-darken.html brightness-darken-ref.html
 == brightness-extreme.html brightness-extreme-ref.html