third_party/WebKit/LayoutTests/transitions/cubic-bezier-overflow-transform.html - Issue 2521493002: CSS Transitions: Reduce usage of -webkit prefix in layout tests

Unified Diff: third_party/WebKit/LayoutTests/transitions/cubic-bezier-overflow-transform.html

Issue 2521493002: CSS Transitions: Reduce usage of -webkit prefix in 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/transitions/cubic-bezier-overflow-svg-length.html ('k') | third_party/WebKit/LayoutTests/transitions/cubic-bezier-overflow-transform-expected.txt » ('j') | no next file with comments »
Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')

Index: third_party/WebKit/LayoutTests/transitions/cubic-bezier-overflow-transform.html

diff --git a/third_party/WebKit/LayoutTests/transitions/cubic-bezier-overflow-transform.html b/third_party/WebKit/LayoutTests/transitions/cubic-bezier-overflow-transform.html

index 66913910f9e37fe1745be39a46769bfc38eaf5e4..a1edb98288c30ef94010a4b6949276d251e036a5 100644

--- a/third_party/WebKit/LayoutTests/transitions/cubic-bezier-overflow-transform.html

+++ b/third_party/WebKit/LayoutTests/transitions/cubic-bezier-overflow-transform.html

@@ -10,7 +10,7 @@

width: 100px;

margin: 10px;

background-color: blue;

- -webkit-transition: transform 1s linear;

+ transition: transform 1s linear;

transform: rotate(0deg);

}

.animating > .box {

@@ -25,16 +25,16 @@

const expectedValues = [

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

- [0.5, "box1", "-webkit-transform.0", DegreesToRotation(137), 0.3],

- [0.95, "box1", "-webkit-transform.0", DegreesToRotation(190), 0.3],

- [0.10, "box2", "-webkit-transform.0", DegreesToRotation(-27), 0.3],

- [0.50, "box2", "-webkit-transform.0", DegreesToRotation(75), 0.3],

- [0.95, "box2", "-webkit-transform.0", DegreesToRotation(193), 0.3],

- [0.10, "box3", "-webkit-transform.0", DegreesToRotation(-68), 0.3],

- [0.50, "box3", "-webkit-transform.0", DegreesToRotation(-203), 0.3],

- [0.15, "box4", "-webkit-transform.0", DegreesToRotation(231), 0.3],

- [0.50, "box4", "-webkit-transform.0", DegreesToRotation(80), 0.3],

- [0.80, "box4", "-webkit-transform.0", DegreesToRotation(48), 0.3],

+ [0.5, "box1", "transform.0", DegreesToRotation(137), 0.3],

+ [0.95, "box1", "transform.0", DegreesToRotation(190), 0.3],

+ [0.10, "box2", "transform.0", DegreesToRotation(-27), 0.3],

+ [0.50, "box2", "transform.0", DegreesToRotation(75), 0.3],

+ [0.95, "box2", "transform.0", DegreesToRotation(193), 0.3],

+ [0.10, "box3", "transform.0", DegreesToRotation(-68), 0.3],

+ [0.50, "box3", "transform.0", DegreesToRotation(-203), 0.3],

+ [0.15, "box4", "transform.0", DegreesToRotation(231), 0.3],

+ [0.50, "box4", "transform.0", DegreesToRotation(80), 0.3],

+ [0.80, "box4", "transform.0", DegreesToRotation(48), 0.3],

];

function setupTest() {

@@ -46,10 +46,10 @@

</head>

<body>

- <div class="box" id="box1" style="-webkit-transition-timing-function: cubic-bezier(0.3, 1.5, 0.8, 1.5);"></div>

- <div class="box" id="box2" style="-webkit-transition-timing-function: cubic-bezier(0.4, -0.8, 0.7, 1.7);"></div>

- <div class="box" id="box3" style="-webkit-transition-timing-function: cubic-bezier(0.7, -2, 1, -1.5);"></div>

- <div class="box" id="box4" style="-webkit-transition-timing-function: cubic-bezier(0, 4, 1, -3);"></div>

+ <div class="box" id="box1" style="transition-timing-function: cubic-bezier(0.3, 1.5, 0.8, 1.5);"></div>

+ <div class="box" id="box2" style="transition-timing-function: cubic-bezier(0.4, -0.8, 0.7, 1.7);"></div>

+ <div class="box" id="box3" style="transition-timing-function: cubic-bezier(0.7, -2, 1, -1.5);"></div>

+ <div class="box" id="box4" style="transition-timing-function: cubic-bezier(0, 4, 1, -3);"></div>

</div>

</body>