9 background-color: green;
16 background-color: red;
31 #willChangeTransform {
32 will-change: -webkit-transform;
52 will-change: -webkit-filter;
55 #willChangeCombinationThatComposites {
56 will-change: transition, -webkit-animation, opacity, z-index;
65 window
.addEventListener('load', function() {
66 if (window
.testRunner
) {
67 document
.getElementById("layertree").innerText
= window
.internals
.layerTreeAsText(document
);
68 testRunner
.dumpAsText();
74 <div id=
"willChangeAuto" class=
"shouldNotComposite"></div>
75 <div id=
"willChangeOpacity" class=
"shouldComposite"></div>
76 <div id=
"willChangeTransform" class=
"shouldComposite"></div>
77 <div id=
"willChangeLeft" class=
"shouldNotComposite"></div>
78 <div id=
"willChangeLeft" class=
"positioned shouldComposite"></div>
79 <div id=
"willChangeRight" class=
"shouldNotComposite"></div>
80 <div id=
"willChangeRight" class=
"positioned shouldComposite"></div>
81 <div id=
"willChangeTop" class=
"shouldNotComposite"></div>
82 <div id=
"willChangeTop" class=
"positioned shouldComposite"></div>
83 <div id=
"willChangeBottom" class=
"shouldNotComposite"></div>
84 <div id=
"willChangeBottom" class=
"positioned shouldComposite"></div>
85 <div id=
"willChangeFilter" class=
"shouldNotComposite"></div>
86 <div id=
"willChangeCombinationThatComposites" class=
"shouldComposite"></div>
87 <div id=
"willChangeZIndex" class=
"shouldNotComposite"></div>
89 <pre id=
"layertree"></pre>