bbaa95f6eef1e6aa7969b4a71dbc96cc8213ed83
[WebKit-https.git] / LayoutTests / animations / duplicate-keys-expected.html
1 <!-- webkit-test-runner [ enableWebAnimationsCSSIntegration=true ] -->
2 <style>
3 .box {
4     height: 100px;
5     width: 0px;
6     border-width: 0;
7     border-left-width: 200px;
8     border-right-width: 200px;
9     border-style: solid;
10     border-color: blue;
11     animation: foo 200ms forwards;
12 }
13 @keyframes foo {
14     0% {
15         border-left-color: orange;
16         border-right-color: green;
17     }
18     50% {
19         border-left-color: red;
20     }
21     to {
22         border-left-color: orange;
23         border-right-color: green;
24     }
25 }
26
27 </style>
28 <script>
29 if (window.testRunner) {
30     window.addEventListener("load", function () {
31         const animations = document.querySelector(".box").getAnimations();
32         for (let animation of animations) {
33             if (animation instanceof CSSAnimation && animation.animationName == "foo") {
34                 animation.currentTime = 100;
35                 animation.pause();
36                 break;
37             }
38         }
39     }, false);
40 }
41 </script>
42 <p>Left side should go orange -> red -> orange, right side should stay green at the end.</p>
43 <div class="box">
44 </div>
45