| <!DOCTYPE html> |
| <!-- |
| This test verifies that turbulence is repainted covering the entire filter |
| region. |
| --> |
| <script src="../../resources/run-after-layout-and-paint.js"></script> |
| <script> |
| function repaintTest() |
| { |
| runAfterLayoutAndPaint(function() { |
| document.getElementById('div').classList.add('filtered'); |
| }, true); |
| } |
| </script> |
| <style> |
| div { |
| margin: 50px; |
| height: 100px; |
| width: 100px; |
| background-color: green; |
| } |
| |
| .filtered { |
| filter: url(#turbulence); |
| } |
| </style> |
| <body onload="repaintTest()"> |
| This test passes if there is no underinvalidation below and the result is a smooth, borderless square.<br> |
| <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> |
