OLD | NEW |
1 <!DOCTYPE HTML> | 1 <!DOCTYPE HTML> |
2 <html> | 2 <html> |
3 <head> | 3 <head> |
4 <script src="../../http/tests/inspector/inspector-test.js"></script> | 4 <script src="../../http/tests/inspector/inspector-test.js"></script> |
5 <script src="../../http/tests/inspector/timeline-test.js"></script> | 5 <script src="../../http/tests/inspector/timeline-test.js"></script> |
6 <script> | 6 <script> |
7 function changeClassNameAndDisplay(callback) | 7 function changeClassNameAndDisplay(callback) |
8 { | 8 { |
9 requestAnimationFrame(function() { | 9 requestAnimationFrame(function() { |
10 document.getElementById("testElementOne").className = "red"; | 10 document.getElementById("testElementOne").className = "red"; |
(...skipping 123 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
134 }); | 134 }); |
135 } | 135 } |
136 ]); | 136 ]); |
137 } | 137 } |
138 </script> | 138 </script> |
139 <style> | 139 <style> |
140 #testElementFour { color: yellow; } | 140 #testElementFour { color: yellow; } |
141 #testElementFive { color: teal; } | 141 #testElementFive { color: teal; } |
142 #testElementFour:hover { color: azure; } | 142 #testElementFour:hover { color: azure; } |
143 #testElementFive:hover { color: cornsilk; } | 143 #testElementFive:hover { color: cornsilk; } |
| 144 #testElementFour .dummy { } |
| 145 #testElementFive .dummy { } |
| 146 #testElementFour[dir] .dummy {} |
144 | 147 |
145 .testHolder > .red { background-color: red; } | 148 .testHolder > .red { background-color: red; } |
146 .testHolder > .green { background-color: green; } | 149 .testHolder > .green { background-color: green; } |
147 .testHolder > .blue { background-color: blue; } | 150 .testHolder > .blue { background-color: blue; } |
148 .testHolder > .snow { background-color: snow; } | 151 .testHolder > .snow { background-color: snow; } |
| 152 .testHolder > .red .dummy { } |
| 153 .testHolder > .green .dummy { } |
| 154 .testHolder > .blue .dummy { } |
| 155 .testHolder > .snow .dummy { } |
149 </style> | 156 </style> |
150 </head> | 157 </head> |
151 <body onload="runTest()"> | 158 <body onload="runTest()"> |
152 <p>Tests the Timeline API instrumentation of style recalc invalidator invalidati
ons.</p> | 159 <p>Tests the Timeline API instrumentation of style recalc invalidator invalidati
ons.</p> |
153 <div class="testHolder"> | 160 <div class="testHolder"> |
154 <div id="testElementOne">PASS</div><div id="testElementTwo">PASS</div><div id="t
estElementThree">PASS</div> | 161 <div id="testElementOne">PASS</div><div id="testElementTwo">PASS</div><div id="t
estElementThree">PASS</div> |
155 </div> | 162 </div> |
156 </body> | 163 </body> |
157 </html> | 164 </html> |
OLD | NEW |