third_party/WebKit/LayoutTests/animations/animation-direction-reverse-timing-functions.html - Issue 2975723002: Move direction and fill tests to subdirectory

Unified Diff: third_party/WebKit/LayoutTests/animations/animation-direction-reverse-timing-functions.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

« no previous file with comments | « third_party/WebKit/LayoutTests/animations/animation-direction-reverse-non-hardware.html ('k') | third_party/WebKit/LayoutTests/animations/animation-direction-reverse-timing-functions-hardware.html » ('j') | no next file with comments »
Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')

Index: third_party/WebKit/LayoutTests/animations/animation-direction-reverse-timing-functions.html

diff --git a/third_party/WebKit/LayoutTests/animations/animation-direction-reverse-timing-functions.html b/third_party/WebKit/LayoutTests/animations/animation-direction-reverse-timing-functions.html

deleted file mode 100644

index a6808bc5e66d92df05d86fbf6fcabcec208c3b71..0000000000000000000000000000000000000000

--- a/third_party/WebKit/LayoutTests/animations/animation-direction-reverse-timing-functions.html

+++ /dev/null

@@ -1,81 +0,0 @@

-<!DOCTYPE html>

-<title>Test of animation-direction timing functions</title>

-<script src="../resources/testharness.js"></script>

-<script src="../resources/testharnessreport.js"></script>

-<style>

- .box {

- animation-duration: 2s;

- animation-iteration-count: 4;

- animation-name: move1;

- animation-timing-function: ease; /* ease is good for testing because it is not symmetric */

- background-color: blue;

- color: white;

- height: 50px;

- left: 20px;

- margin-bottom: 10px;

- position: relative;

- top: 10px;

- width: 250px;

- }

- .normal {

- animation-direction: normal;

- }

- .alternate {

- animation-direction: alternate;

- }

- .reverse {

- animation-direction: reverse;

- }

- .alternate-reverse {

- animation-direction: alternate-reverse;

- }

- @keyframes move1 {

- from { left: 0px; }

- to { left: 200px; }

- }

-</style>

-<div id="box1" class="box normal">normal</div>

-<div id="box2" class="box alternate">alternate</div>

-<div id="box3" class="box reverse">reverse</div>

-<div id="box4" class="box alternate-reverse">alternate-reverse</div>

-<script>

- 'use strict';

- function computedLeft(element) {

- return Number(getComputedStyle(element).left.slice(0, -2));

- }

- test(function() {

- const epsilon = 0.002;

- box1.style.animationDelay = '-0.2s';

- assert_approx_equals(computedLeft(box1), 18.6525, epsilon, 'early box1');

- box2.style.animationDelay = '-0.2s';

- assert_approx_equals(computedLeft(box2), 18.6525, epsilon, 'early box2');

- box3.style.animationDelay = '-0.2s';

- assert_approx_equals(computedLeft(box3), 198.864, epsilon, 'early box3');

- box4.style.animationDelay = '-0.2s';

- assert_approx_equals(computedLeft(box4), 198.864, epsilon, 'early box4');

- box1.style.animationDelay = '-2.2s';

- assert_approx_equals(computedLeft(box1), 18.6525, epsilon, 'late box1');

- box2.style.animationDelay = '-2.2s';

- assert_approx_equals(computedLeft(box2), 198.864, epsilon, 'late box2');

- box3.style.animationDelay = '-2.2s';

- assert_approx_equals(computedLeft(box3), 198.864, epsilon, 'late box3');

- box4.style.animationDelay = '-2.2s';

- assert_approx_equals(computedLeft(box4), 18.6525, epsilon, 'late box4');

- }, "animation-direction works with timing functions");

-</script>