Index: LayoutTests/fast/repaint/resize-with-border-clipped.html |
diff --git a/LayoutTests/fast/repaint/resize-with-border-clipped.html b/LayoutTests/fast/repaint/resize-with-border-clipped.html |
new file mode 100644 |
index 0000000000000000000000000000000000000000..3ac6fa4d6b54502cc5ce52ce2b42e24dfd7951ce |
--- /dev/null |
+++ b/LayoutTests/fast/repaint/resize-with-border-clipped.html |
@@ -0,0 +1,33 @@ |
+<!DOCTYPE html> |
+<script src="resources/text-based-repaint.js"></script> |
+<script> |
+function repaintTest() { |
+ document.getElementById('target').style.width = '300px'; |
+ document.getElementById('target').style.height = '300px'; |
+} |
+window.onload = runRepaintTest; |
+</script> |
+<style> |
+body { |
+ margin: 0; |
+} |
+#container { |
+ position: absolute; |
+ top: 100px; |
+ left: 100px; |
+ width: 200px; |
+ height: 200px; |
+ overflow: hidden; |
+} |
+#target { |
+ width: 100px; |
+ height: 100px; |
+ border: green 10px solid; |
+ background-color: blue; |
+} |
+</style> |
+Tests invalidation when a box with border is resized within a clipping container. |
+Passes if the result paint rects don't exceed the container. |
+<div id="container"> |
+ <div id="target"></div> |
+</div> |