Index: LayoutTests/svg/repaint/shape-with-nested-outline.html |
diff --git a/LayoutTests/svg/repaint/shape-with-nested-outline.html b/LayoutTests/svg/repaint/shape-with-nested-outline.html |
new file mode 100644 |
index 0000000000000000000000000000000000000000..77e9ff44cab2bc4309db62ba65c6511fea678bc6 |
--- /dev/null |
+++ b/LayoutTests/svg/repaint/shape-with-nested-outline.html |
@@ -0,0 +1,30 @@ |
+<!DOCTYPE html> |
+<script src="../../fast/repaint/resources/text-based-repaint.js"></script> |
+<script src="../../resources/run-after-display.js"></script> |
+<script> |
+window.testIsAsync = true; |
+window.onload = runRepaintTest; |
+ |
+function repaintTest() { |
+ runAfterDisplay(function() { |
+ document.querySelector('#r').setAttribute('fill', 'green'); |
+ if (window.testRunner) |
+ finishRepaintTest(); |
+ }); |
+}; |
+</script> |
+<style> |
+g { |
+ outline: 50px solid lightblue; |
+} |
+rect#r { |
+ outline: 50px solid blue; |
+} |
+</style> |
+<svg width="500" height="500"> |
+ <g transform="translate(50 50)"> |
+ <rect width="400" height="100"/> |
+ <rect y="300" width="400" height="100"/> |
+ <rect id="r" x="100" y="100" width="200" height="200" fill="blue"/> |
+ </g> |
+</svg> |