Index: LayoutTests/css3/filters/filter-effect-removed.html |
diff --git a/LayoutTests/css3/filters/filter-effect-removed.html b/LayoutTests/css3/filters/filter-effect-removed.html |
new file mode 100644 |
index 0000000000000000000000000000000000000000..4a8a3439937d6ef752a04f4e89fea1ec284e3c0c |
--- /dev/null |
+++ b/LayoutTests/css3/filters/filter-effect-removed.html |
@@ -0,0 +1,36 @@ |
+<!DOCTYPE html> |
+ <svg xmlns="http://www.w3.org/2000/svg" width="0" height="0" version="1.1"> |
+ <defs id="svgDefs" style="display:none"> |
+ <filter id="blurY" color-interpolation-filters="sRGB"> |
+ <feGaussianBlur id="blurEffect" stdDeviation="0 5"> |
+ </feGaussianBlur> |
+ </filter> |
+ </defs> |
+ </svg> |
+ |
+<script> |
+ onload = function() { |
+ // Render one frame with the blur effect, then remove it. |
+ window.requestAnimationFrame(function() { |
+ window.requestAnimationFrame(function() { |
+ var filterElement = document.getElementById("blurY"); |
+ var filterEffectElement = document.getElementById("blurEffect"); |
+ filterElement.removeChild(filterEffectElement); |
+ |
+ // Ensure we draw a frame. |
+ document.getElementById("other").style.backgroundColor = "blue"; |
+ |
+ if (window.testRunner) |
+ testRunner.notifyDone(); |
+ }); |
+ }); |
+ |
+ } |
+ |
+ if (window.testRunner) |
+ testRunner.waitUntilDone(); |
+</script> |
+ |
+<img src="resources/reference.png" style="-webkit-filter: url(#blurY); filter: url(#blurY);"> |
+ |
+<div id="other" style="width: 10px; height: 10px"></div> |