Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(71)

Unified Diff: third_party/WebKit/LayoutTests/animations/animation-direction-reverse-fill-mode.html

Issue 2975723002: Move direction and fill tests to subdirectory (Closed)
Patch Set: Created 3 years, 5 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View side-by-side diff with in-line comments
Download patch
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>

Powered by Google App Engine
This is Rietveld 408576698