third_party/WebKit/LayoutTests/animations/animation-direction-reverse-hardware.html - Issue 2970883003: Separate out animations tests with prefixing

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

Issue 2970883003: Separate out animations tests with prefixing (Closed)

Patch Set: Rebaseline virtual/threaded version of test too 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/additive-transform-animations.html ('k') | third_party/WebKit/LayoutTests/animations/animation-direction-reverse-hardware-expected.txt » ('j') | no next file with comments »
Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')

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

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

index 6d737aa11b4823bf2243a92b66971566c30e7a51..75b20fb5287755ee557b4c9f1db5e32e9b90a41f 100644

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

+++ b/third_party/WebKit/LayoutTests/animations/animation-direction-reverse-hardware.html

@@ -1,7 +1,7 @@

<!doctype html>

<html>

<head>

- <title>Test of -webkit-animation-direction on composited elements</title>

+ <title>Test of animation-direction on composited elements</title>

<style>

body {

margin: 0;

@@ -14,44 +14,44 @@

height: 50px;

width: 250px;

margin-bottom: 10px;

- -webkit-animation-duration: 2s;

- -webkit-animation-timing-function: linear;

- -webkit-animation-iteration-count: 8;

+ animation-duration: 2s;

+ animation-timing-function: linear;

+ animation-iteration-count: 8;

}

.move1 {

- -webkit-animation-name: move1;

+ animation-name: move1;

background-color: blue;

color: white;

}

.move2 {

- -webkit-animation-name: move2;

+ animation-name: move2;

background-color: orange;

}

.normal {

- -webkit-animation-direction: normal;

+ animation-direction: normal;

}

.alternate {

- -webkit-animation-direction: alternate;

+ animation-direction: alternate;

}

.reverse {

- -webkit-animation-direction: reverse;

+ animation-direction: reverse;

}

.alternate-reverse {

- -webkit-animation-direction: alternate-reverse;

+ animation-direction: alternate-reverse;

}

- @-webkit-keyframes move1 {

+ @keyframes move1 {

from { transform: translateX(0px); }

to { transform: translateX(200px); }

}

- @-webkit-keyframes move2 {

+ @keyframes move2 {

0% { transform: translateX(0px); }

40% { transform: translateX(160px); }

60% { transform: translateX(120px); }

@@ -62,22 +62,22 @@

const expectedValues = [

// [time, element-id, property, expected-value, tolerance]

- [0.2, "box1", "webkitTransform", [1,0,0,1, 20,0], 20],

- [0.2, "box2", "webkitTransform", [1,0,0,1, 20,0], 20],

- [0.2, "box3", "webkitTransform", [1,0,0,1, 180,0], 20],

- [0.2, "box4", "webkitTransform", [1,0,0,1, 180,0], 20],

- [2.2, "box1", "webkitTransform", [1,0,0,1, 20,0], 20],

- [2.2, "box2", "webkitTransform", [1,0,0,1, 180,0], 20],

- [2.2, "box3", "webkitTransform", [1,0,0,1, 180,0], 20],

- [2.2, "box4", "webkitTransform", [1,0,0,1, 20,0], 20],

- [0.2, "box5", "webkitTransform", [1,0,0,1, 40,0], 20],

- [0.2, "box6", "webkitTransform", [1,0,0,1, 40,0], 20],

- [0.2, "box7", "webkitTransform", [1,0,0,1, 180,0], 20],

- [0.2, "box8", "webkitTransform", [1,0,0,1, 180,0], 20],

- [2.2, "box5", "webkitTransform", [1,0,0,1, 40,0], 20],

- [2.2, "box6", "webkitTransform", [1,0,0,1, 180,0], 20],

- [2.2, "box7", "webkitTransform", [1,0,0,1, 180,0], 20],

- [2.2, "box8", "webkitTransform", [1,0,0,1, 40,0], 20],

+ [0.2, "box1", "transform", [1,0,0,1, 20,0], 20],

+ [0.2, "box2", "transform", [1,0,0,1, 20,0], 20],

+ [0.2, "box3", "transform", [1,0,0,1, 180,0], 20],

+ [0.2, "box4", "transform", [1,0,0,1, 180,0], 20],

+ [2.2, "box1", "transform", [1,0,0,1, 20,0], 20],

+ [2.2, "box2", "transform", [1,0,0,1, 180,0], 20],

+ [2.2, "box3", "transform", [1,0,0,1, 180,0], 20],

+ [2.2, "box4", "transform", [1,0,0,1, 20,0], 20],

+ [0.2, "box5", "transform", [1,0,0,1, 40,0], 20],

+ [0.2, "box6", "transform", [1,0,0,1, 40,0], 20],

+ [0.2, "box7", "transform", [1,0,0,1, 180,0], 20],

+ [0.2, "box8", "transform", [1,0,0,1, 180,0], 20],

+ [2.2, "box5", "transform", [1,0,0,1, 40,0], 20],

+ [2.2, "box6", "transform", [1,0,0,1, 180,0], 20],

+ [2.2, "box7", "transform", [1,0,0,1, 180,0], 20],

+ [2.2, "box8", "transform", [1,0,0,1, 40,0], 20],

];

runAnimationTest(expectedValues);