third_party/WebKit/LayoutTests/animations/animation-direction-normal.html - Issue 2527583002: CSS Animations: Remove unnecessary webkit prefixes from layout tests

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

Issue 2527583002: CSS Animations: Remove unnecessary webkit prefixes from layout tests (Closed)

Patch Set: Created 4 years, 1 month 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-alternate-reverse.html ('k') | third_party/WebKit/LayoutTests/animations/animation-direction-normal-expected.html » ('j') | no next file with comments »
Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')

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

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

index e86dc0cb584ab8fd264073c976eec504a59921f0..a1f31bdb6910d967a7bbcda3afda9d685c411226 100644

--- a/third_party/WebKit/LayoutTests/animations/animation-direction-normal.html

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

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

<head>

- <title>Test of -webkit-animation-direction</title>

+ <title>Test of animation-direction</title>

body {

margin: 0;

@@ -15,11 +15,11 @@

width: 100px;

background-color: red;

margin: 0;

- -webkit-animation-duration: 2s;

- -webkit-animation-direction: normal;

- -webkit-animation-iteration-count: 2;

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

- -webkit-animation-name: move1;

+ animation-duration: 2s;

+ animation-direction: normal;

+ animation-iteration-count: 2;

+ animation-timing-function: linear;

+ animation-name: move1;

}

#safezone {

position: absolute;

@@ -29,7 +29,7 @@

left: 30px;

background-color: green;

}

- @-webkit-keyframes move1 {

+ @keyframes move1 {

from { transform: translateX(0px); }

to { transform: translateX(200px); }

}

@@ -38,14 +38,14 @@

const expectedValues = [

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

- [0.5, "box", "webkitTransform", [1,0,0,1, 50,0], 20],

- [1.0, "box", "webkitTransform", [1,0,0,1,100,0], 20],

- [2.5, "box", "webkitTransform", [1,0,0,1, 50,0], 20],

+ [0.5, "box", "transform", [1,0,0,1, 50,0], 20],

+ [1.0, "box", "transform", [1,0,0,1,100,0], 20],

+ [2.5, "box", "transform", [1,0,0,1, 50,0], 20],

];

function pauseAnimation()

{

- document.getElementById("box").style.webkitAnimationPlayState = "paused";

+ document.getElementById("box").style.animationPlayState = "paused";

}

function setTimers()

@@ -58,7 +58,7 @@

</script>

</head>

<body>

-

+