| Index: pkg/polymer/lib/elements/web-animations-js/test/testcases/test-reversed-player-active-phase.html
|
| diff --git a/pkg/polymer/lib/elements/web-animations-js/test/testcases/test-reversed-player-active-phase.html b/pkg/polymer/lib/elements/web-animations-js/test/testcases/test-reversed-player-active-phase.html
|
| new file mode 100644
|
| index 0000000000000000000000000000000000000000..37d04ab1c43c5ea7c02f466107891cb6cc3feb77
|
| --- /dev/null
|
| +++ b/pkg/polymer/lib/elements/web-animations-js/test/testcases/test-reversed-player-active-phase.html
|
| @@ -0,0 +1,28 @@
|
| +<style>
|
| +#target {
|
| + position: absolute;
|
| + width: 10px;
|
| + height: 10px;
|
| + background: black;
|
| +}
|
| +</style>
|
| +<script src="../bootstrap.js"></script>
|
| +<div id="target"></div>
|
| +<script>
|
| +timing_test(function() {
|
| + var player = target.animate([{left: '0px'}, {left: '100px'}], {duration: 2, fill: 'forwards'}).player;
|
| +
|
| + at(1, function() {
|
| + assert_styles(target, {left: '50px'});
|
| + player.currentTime = 3;
|
| + player.playbackRate = -1;
|
| + assert_styles(target, {left: '100px'});
|
| + }, 'Player reversing');
|
| +
|
| + at(2, function() {}, 'Tick');
|
| +
|
| + at(3, function() {
|
| + assert_styles(target, {left: '50px'});
|
| + }, 'Reversed player entering its active phase should take effect');
|
| +});
|
| +</script>
|
|
|