12 background-color: blue;
20 outline:
4px solid red;
27 background-color: red !important;
30 background-color: green !important;
33 transform: translateZ(
1px);
37 background-color: green;
41 background-color: red;
45 if (window
.testRunner
)
46 testRunner
.waitUntilDone();
47 requestAnimationFrame(function() {
48 requestAnimationFrame(function() {
49 document
.getElementById('target').classList
.add('visible');
50 setTimeout(function() {
51 if (window
.testRunner
)
52 testRunner
.notifyDone();
59 <!-- Tests that making a child of a composited layer visible causes that child to actually paint -->
61 <div class=
"hidden-indicator box"></div>
62 <div class=
"visible-indicator box"></div>
63 <div class=
"hidden-indicator box"></div>
67 <div class=
"hidden container composited">
68 <div class=
"visible box should-be-visible"></div>
71 <div class=
"hidden container composited">
72 <div class=
"box should-be-hidden"></div>
75 <div class=
"hidden container composited">
76 <div id=
"target" class=
"box should-be-visible"></div>