Index: third_party/WebKit/LayoutTests/paint/invalidation/box-shadow-dynamic.html |
diff --git a/third_party/WebKit/LayoutTests/paint/invalidation/box-shadow-dynamic.html b/third_party/WebKit/LayoutTests/paint/invalidation/box-shadow-dynamic.html |
new file mode 100644 |
index 0000000000000000000000000000000000000000..ea4cf3496a0477886266c6f1639657442de3e42f |
--- /dev/null |
+++ b/third_party/WebKit/LayoutTests/paint/invalidation/box-shadow-dynamic.html |
@@ -0,0 +1,32 @@ |
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" |
+ "http:/html4/strict.dtd"> |
+<html lang="en"> |
+<head> |
+<style type="text/css"> |
+ div.test { width: 50px; height: 100px; padding: 10px; } |
+</style> |
+ <script src="resources/text-based-repaint.js" type="text/javascript"></script> |
+ <script type="text/javascript"> |
+ function repaintTest() |
+ { |
+ document.getElementById('a').style.height = '50px'; |
+ document.getElementById('b').style.height = '50px'; |
+ } |
+ </script> |
+</head> |
+<body onload="runRepaintAndPixelTest();"> |
+ <p> |
+ Tests the repainting of box shadows when boxes are resized. |
+ </p> |
+ <div class="test"> |
+ <div style="background: #ff7; -webkit-box-shadow: black 5px 5px 0;"> |
+ <div id="a" style="height: 70px; margin: 10px;"></div> |
+ </div> |
+ </div> |
+ <div class="test"> |
+ <div style="background: #ff7; -webkit-box-shadow: black 5px 5px 0;"> |
+ <div id="b" style="height: 30px; margin: 10px;"></div> |
+ </div> |
+ </div> |
+</body> |
+</html> |