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

Unified Diff: third_party/WebKit/LayoutTests/animations/animation-direction-reverse-timing-functions-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/animation-direction-reverse-hardware-expected.txt ('k') | third_party/WebKit/LayoutTests/animations/animation-direction-reverse-timing-functions-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-timing-functions-hardware.html

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

index 075aed16f76404890c6571a597539dd70de5917b..8a98010b3a53f95fbe459e8bd6d45c18d91adfa1 100644

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

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

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

<!doctype html>

<head>

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

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

<style>

body {

margin: 0;

@@ -14,34 +14,34 @@

height: 50px;

width: 250px;

margin-bottom: 10px;

- -webkit-animation-duration: 2s;

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

- -webkit-animation-iteration-count: 4;

+ animation-duration: 2s;

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

+ animation-iteration-count: 4;

}

.move1 {

- -webkit-animation-name: move1;

+ animation-name: move1;

background-color: blue;

color: white;

}

.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); }

}

@@ -50,14 +50,14 @@

const expectedValues = [

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

- [0.2, "box1", "webkitTransform", [1,0,0,1, 18, 0], 10],

- [0.2, "box2", "webkitTransform", [1,0,0,1, 18, 0], 10],

- [0.2, "box3", "webkitTransform", [1,0,0,1, 198, 0], 10],

- [0.2, "box4", "webkitTransform", [1,0,0,1, 198, 0], 10],

- [2.2, "box1", "webkitTransform", [1,0,0,1, 18, 0], 10],

- [2.2, "box2", "webkitTransform", [1,0,0,1, 198, 0], 10],

- [2.2, "box3", "webkitTransform", [1,0,0,1, 198, 0], 10],

- [2.2, "box4", "webkitTransform", [1,0,0,1, 18, 0], 10],

+ [0.2, "box1", "transform", [1,0,0,1, 18, 0], 10],

+ [0.2, "box2", "transform", [1,0,0,1, 18, 0], 10],

+ [0.2, "box3", "transform", [1,0,0,1, 198, 0], 10],

+ [0.2, "box4", "transform", [1,0,0,1, 198, 0], 10],

+ [2.2, "box1", "transform", [1,0,0,1, 18, 0], 10],

+ [2.2, "box2", "transform", [1,0,0,1, 198, 0], 10],

+ [2.2, "box3", "transform", [1,0,0,1, 198, 0], 10],

+ [2.2, "box4", "transform", [1,0,0,1, 18, 0], 10],

];

runAnimationTest(expectedValues);