4 if (window.testRunner) {
5 window.testRunner.dumpAsText();
6 window.testRunner.waitUntilDone();
10 if (window.testRunner)
11 window.testRunner.notifyDone();
14 function dumpTreeAsText() {
15 if (!window.internals)
17 document.getElementById('layers').textContent =
18 window.internals.layerTreeAsText(document);
19 document.getElementById('test').style.display = 'none';
23 function removeStackingContext() {
24 var intermediary = document.getElementById("intermediary");
25 intermediary.setAttribute("class", "accelerated-no-stacking-context");
26 if (window.testRunner)
27 window.setTimeout(dumpTreeAsText, 0);
30 window.addEventListener('load', function () {
31 window.setTimeout(removeStackingContext, 100);
36 .accelerated-stacking-context {
37 transform: rotateX(0deg);
39 .accelerated-no-stacking-context {
40 -webkit-backface-visibility: hidden;
43 mix-blend-mode: multiply;
49 <!--This test checks that isolation property is removed when the element
50 no longer requires stacking context and it remains accelerated. -->
51 <div class="accelerated-stacking-context" style="background-color: blue;">
52 <div id="intermediary" class="accelerated-stacking-context"
53 style="background-color: green; height: 90px;">
54 <img class="accelerated blended" src="resources/reference.png">
58 <pre id="layers">Layer tree goes here when testing.</pre>