OLD | NEW |
1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
2 <style> | 2 <style> |
3 div { | 3 div { |
4 position: absolute; | 4 position: absolute; |
5 width: 100px; | 5 width: 100px; |
6 height: 100px; | 6 height: 100px; |
7 } | 7 } |
8 | 8 |
9 #expectation { | 9 #expectation { |
10 font-size: 50px; | 10 font-size: 50px; |
(...skipping 12 matching lines...) Expand all Loading... |
23 <script> | 23 <script> |
24 target.style.fontSize = "50px"; | 24 target.style.fontSize = "50px"; |
25 var animation = target.animate([ | 25 var animation = target.animate([ |
26 {transform: "translate(1em, 1em)"}, | 26 {transform: "translate(1em, 1em)"}, |
27 {transform: "translate(1em, 1em)"}, | 27 {transform: "translate(1em, 1em)"}, |
28 ], { | 28 ], { |
29 duration: 1e10, | 29 duration: 1e10, |
30 iterations: Infinity, | 30 iterations: Infinity, |
31 }); | 31 }); |
32 | 32 |
33 testRunner.waitUntilDone(); | 33 if (window.testRunner) |
| 34 testRunner.waitUntilDone(); |
34 requestAnimationFrame(function() { | 35 requestAnimationFrame(function() { |
35 requestAnimationFrame(function() { | 36 requestAnimationFrame(function() { |
36 var composited = internals.isCompositedAnimation(animation); | 37 if (window.internals) { |
37 text.textContent = `Animation ${composited ? 'is' : 'is not'} running on the
compositor.`; | 38 var composited = internals.isCompositedAnimation(animation); |
38 testRunner.notifyDone(); | 39 text.textContent = `Animation ${composited ? 'is' : 'is not'} running on t
he compositor.`; |
| 40 } |
| 41 if (window.testRunner) |
| 42 testRunner.notifyDone(); |
39 }); | 43 }); |
40 }); | 44 }); |
41 </script> | 45 </script> |
OLD | NEW |