Index: third_party/WebKit/LayoutTests/paint/invalidation/shadow-box-resize.html |
diff --git a/third_party/WebKit/LayoutTests/paint/invalidation/shadow-box-resize.html b/third_party/WebKit/LayoutTests/paint/invalidation/shadow-box-resize.html |
new file mode 100644 |
index 0000000000000000000000000000000000000000..529bb495c38122242bbb39424366ecfbc74873ff |
--- /dev/null |
+++ b/third_party/WebKit/LayoutTests/paint/invalidation/shadow-box-resize.html |
@@ -0,0 +1,44 @@ |
+<!DOCTYPE html> |
+<script src="resources/text-based-repaint.js"></script> |
+<script> |
+function repaintTest() |
+{ |
+ document.getElementById('target1').style.width = '150px'; |
+ document.getElementById('target2').style.width = '50px'; |
+ document.getElementById('target3').style.height = '150px'; |
+ document.getElementById('target4').style.height = '50px'; |
+} |
+window.onload = runRepaintAndPixelTest; |
+</script> |
+<style> |
+body { |
+ margin: 0; |
+} |
+div { |
+ position: absolute; |
+ width: 100px; |
+ height: 100px; |
+ background-color: green; |
+ box-shadow: 40px 20px black; |
+} |
+#target1 { |
+ top: 100px; |
+ left: 100px; |
+} |
+#target2 { |
+ top: 100px; |
+ left: 300px; |
+} |
+#target3 { |
+ top: 300px; |
+ left: 100px; |
+} |
+#target4 { |
+ top: 300px; |
+ left: 300px; |
+} |
+</style> |
+<div id="target1"></div> |
+<div id="target2"></div> |
+<div id="target3"></div> |
+<div id="target4"></div> |