| Index: third_party/WebKit/LayoutTests/animations/animation-direction-reverse-fill-mode.html
|
| diff --git a/third_party/WebKit/LayoutTests/animations/animation-direction-reverse-fill-mode.html b/third_party/WebKit/LayoutTests/animations/animation-direction-reverse-fill-mode.html
|
| deleted file mode 100644
|
| index 0315de73dc1a03d2a1f2e4e3311a2b8bcfd7756a..0000000000000000000000000000000000000000
|
| --- a/third_party/WebKit/LayoutTests/animations/animation-direction-reverse-fill-mode.html
|
| +++ /dev/null
|
| @@ -1,78 +0,0 @@
|
| -<!DOCTYPE html>
|
| -<title>Test of animation-direction</title>
|
| -<script src="../resources/testharness.js"></script>
|
| -<script src="../resources/testharnessreport.js"></script>
|
| -<style>
|
| - .box {
|
| - animation-delay: 1s;
|
| - animation-direction: reverse;
|
| - animation-duration: 1s;
|
| - animation-name: anim;
|
| - animation-timing-function: linear;
|
| - height: 100px;
|
| - left: 100px;
|
| - position: relative;
|
| - width: 100px;
|
| - }
|
| - @keyframes anim {
|
| - from { left: 200px; }
|
| - to { left: 300px; }
|
| - }
|
| - #none {
|
| - animation-fill-mode: none;
|
| - background-color: blue;
|
| - }
|
| - #backwards {
|
| - animation-fill-mode: backwards;
|
| - background-color: red;
|
| - }
|
| - #forwards {
|
| - animation-fill-mode: forwards;
|
| - background-color: green;
|
| - }
|
| - #both {
|
| - animation-fill-mode: both;
|
| - background-color: yellow;
|
| - }
|
| -</style>
|
| -<div id="none" class="box">
|
| - None
|
| -</div>
|
| -<div id="backwards" class="box">
|
| - Backwards
|
| -</div>
|
| -<div id="forwards" class="box">
|
| - Forwards
|
| -</div>
|
| -<div id="both" class="box">
|
| - Both
|
| -</div>
|
| -<script>
|
| - 'use strict';
|
| - test(function() {
|
| - none.style.animationDelay = '1s';
|
| - assert_equals(getComputedStyle(none).left, '100px');
|
| -
|
| - backwards.style.animationDelay = '1s';
|
| - assert_equals(getComputedStyle(backwards).left, '300px');
|
| -
|
| - forwards.style.animationDelay = '1s';
|
| - assert_equals(getComputedStyle(forwards).left, '100px');
|
| -
|
| - both.style.animationDelay = '1s';
|
| - assert_equals(getComputedStyle(both).left, '300px');
|
| -
|
| -
|
| - none.style.animationDelay = '-5s';
|
| - assert_equals(getComputedStyle(none).left, '100px');
|
| -
|
| - backwards.style.animationDelay = '-5s';
|
| - assert_equals(getComputedStyle(backwards).left, '100px');
|
| -
|
| - forwards.style.animationDelay = '-5s';
|
| - assert_equals(getComputedStyle(forwards).left, '200px');
|
| -
|
| - both.style.animationDelay = '-5s';
|
| - assert_equals(getComputedStyle(both).left, '200px');
|
| - }, "animation directions work with fill modes");
|
| -</script>
|
|
|