9 background-color: silver;
13 if (window.testRunner) {
14 testRunner.dumpAsText();
15 testRunner.waitUntilDone();
17 if (window.internals && window.eventSender) {
18 window.internals.settings.setAcceleratedCompositingForFixedPositionEnabled(true);
20 addEventListener("load", function() {
21 document.getElementById("layerTree").innerText = internals.layerTreeAsText(document);
23 window.eventSender.setPageScaleFactor(0.5, 0, 0);
24 setTimeout(function() {
25 document.getElementById("layerTreeScaledDown").innerText = internals.layerTreeAsText(document);
27 window.eventSender.setPageScaleFactor(1.5, 0, 0);
28 setTimeout(function() {
29 document.getElementById("layerTreeScaledUp").innerText = internals.layerTreeAsText(document);
30 testRunner.notifyDone();
38 <!-- Fixed position elements may skip compositing without a scrollable
39 ancestor. To make sure this test covers the intended scenario, we force the
40 body element to be tall, so that the FrameView is scrolling. -->
41 <body style="height: 4000px;">
42 <div style="height: 1000px">
44 <pre id="layerTree"></pre>
46 <pre id="layerTreeScaledDown"></pre>
48 <pre id="layerTreeScaledUp"></pre>
50 <!-- The layer tree should always be the same, regardless of page scale, except on platforms that enable the applyPageScaleFactorInCompositor Setting. -->
51 <!-- No layer in any case. -->
52 <div class="fixed" style="top: -100px"></div>
53 <!-- When applyPageScaleFactorInCompositor is true, this will have a composited layer when scaled down; no layer when not scaled or scaled up. -->
54 <div class="fixed"></div>
55 <div class="fixed" style="top: 0px; left: 1000px"></div>
56 <!-- When applyPageScaleFactorInCompositor is true, this will have composited layer when not scaled and scaled down; no layer scaled up. -->
57 <div class="fixed" style="top: 0px; left: 600px"></div>
58 <!-- Always has composited layer. -->
59 <div class="fixed" style="top: 0px; left: 0px"></div>