Index: third_party/WebKit/LayoutTests/css3/filters/filter-repaint-turbulence.html |
diff --git a/third_party/WebKit/LayoutTests/css3/filters/filter-repaint-turbulence.html b/third_party/WebKit/LayoutTests/css3/filters/filter-repaint-turbulence.html |
new file mode 100644 |
index 0000000000000000000000000000000000000000..ca364450f134153fe12278003d33c58f8db47f32 |
--- /dev/null |
+++ b/third_party/WebKit/LayoutTests/css3/filters/filter-repaint-turbulence.html |
@@ -0,0 +1,43 @@ |
+<!DOCTYPE html> |
+<!-- |
+ This test verifies that turbulence is repainted covering the entire filter |
+ region, including margin. |
+--> |
+<script src="../../resources/run-after-layout-and-paint.js"></script> |
+<script> |
+ if (window.testRunner) { |
+ testRunner.dumpAsTextWithPixelResults(); |
+ testRunner.waitUntilDone(); |
+ } |
+ |
+ function repaintTest() |
+ { |
+ runAfterLayoutAndPaint(function() { |
+ document.getElementById('div').classList.add('filtered'); |
+ if (window.testRunner) |
+ testRunner.notifyDone(); |
+ }); |
+ } |
+</script> |
+<style> |
+ div { |
+ margin: 50px; |
+ height: 100px; |
+ width: 100px; |
+ background-color: green; |
+ } |
+ |
+ .filtered { |
+ filter: url(#turbulence); |
+ } |
+</style> |
+<body onload="repaintTest()"> |
+ <svg xmlns="http://www.w3.org/2000/svg" width="0" height="0"> |
+ <defs> |
+ <filter id="turbulence"> |
+ <feTurbulence type="fractalNoise" baseFrequency="0.01" numOctaves="1"/> |
+ </filter> |
+ </defs> |
+ </svg> |
+ <div id="div"></div> |
+</body> |