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 |