2 <script src="../../resources/run-after-display.js"></script>
3 <div style="width: 200px; height: 200px; transform: translateZ(0); background-color: salmon;"></div>
4 <div style="position: absolute; z-index: 0; top: 8px; width: 100px; height: 100px">
5 <div id="target" style="width: 100px; height: 100px; transform: translateZ(0); background-color: blue">
10 internals.settings.setLayerSquashingEnabled(true);
12 if (window.testRunner) {
13 testRunner.dumpAsText();
14 testRunner.waitUntilDone();
17 window.addEventListener('load', function() {
18 runAfterDisplay(function() {
19 window.internals.startTrackingRepaints(document);
20 document.querySelector('#target').remove();
21 document.querySelector('pre').textContent =
22 window.internals.layerTreeAsText(document, internals.LAYER_TREE_INCLUDES_REPAINT_RECTS);
23 window.internals.stopTrackingRepaints(document);
25 if (window.testRunner)
26 testRunner.notifyDone();