OLD | NEW |
(Empty) | |
| 1 <!DOCTYPE html> |
| 2 <script src="../resources/testharness.js"></script> |
| 3 <script src="../resources/testharnessreport.js"></script> |
| 4 <div id="target"></div> |
| 5 <script> |
| 6 test(() => { |
| 7 var firstAnimation = target.animate([{visibility: 'hidden'}, {visibility: 'vis
ible'}], 1); |
| 8 var secondAnimation = target.animate({visibility: 'collapse'}, 1); |
| 9 firstAnimation.pause(); |
| 10 firstAnimation.currentTime = 0; |
| 11 secondAnimation.pause(); |
| 12 secondAnimation.currentTime = 0.75; |
| 13 assert_equals(getComputedStyle(target).visibility, 'collapse'); |
| 14 firstAnimation.currentTime = 0.1; |
| 15 assert_equals(getComputedStyle(target).visibility, 'visible'); |
| 16 }, "Visibility animations with neutral keyframes should be responsive to animati
ons they're stacked on top of."); |
| 17 </script> |
OLD | NEW |