Index: LayoutTests/compositing/squashing/repaint-via-layout-offset.html |
diff --git a/LayoutTests/compositing/squashing/repaint-via-layout-offset.html b/LayoutTests/compositing/squashing/repaint-via-layout-offset.html |
new file mode 100644 |
index 0000000000000000000000000000000000000000..7513114c7bc07f53c7d3eccf14ad3051f7c14bc2 |
--- /dev/null |
+++ b/LayoutTests/compositing/squashing/repaint-via-layout-offset.html |
@@ -0,0 +1,54 @@ |
+<!DOCTYPE html> |
+<script src="../../resources/run-after-display.js"></script> |
+<style> |
+#container { |
+ position: absolute; |
+ z-index: 0; |
+ left: 50px; |
+ top: 50px; |
+} |
+ |
+.child { |
+ position: absolute; |
+ width: 40px; |
+ height: 40px; |
+ background-color: red; |
+} |
+ |
+.embiggen { |
+ width: 50px; |
+ height: 50px; |
+ background-color: green; |
+} |
+</style> |
+<div style="width:200px; height:200px; transform: translateZ(0px); background-color: lightblue"></div> |
+<div id="container"> |
+ <span class="child"></span> |
+ <span class="child"></span> |
+</div> |
+<pre></pre> |
+<script> |
+if (window.testRunner) { |
+ testRunner.dumpAsText(); |
+ testRunner.waitUntilDone(); |
+} |
+ |
+runAfterDisplay(function() { |
+ document.querySelectorAll('.child')[0].classList.add('embiggen') |
+ runAfterDisplay(function() { |
+ if (window.internals) |
+ window.internals.startTrackingRepaints(document); |
+ |
+ document.querySelectorAll('.child')[1].classList.add('embiggen') |
+ |
+ if (window.internals) { |
+ var layerTree = window.internals.layerTreeAsText(document, internals.LAYER_TREE_INCLUDES_REPAINT_RECTS); |
+ window.internals.stopTrackingRepaints(document); |
+ document.querySelector('pre').textContent = layerTree; |
+ } |
+ |
+ if (window.testRunner) |
+ testRunner.notifyDone(); |
+ }); |
+}); |
+</script> |