Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(55)

Unified Diff: third_party/WebKit/LayoutTests/animations/change-transform-style-during-animation.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
Download patch
Index: third_party/WebKit/LayoutTests/animations/change-transform-style-during-animation.html
diff --git a/third_party/WebKit/LayoutTests/animations/change-transform-style-during-animation.html b/third_party/WebKit/LayoutTests/animations/change-transform-style-during-animation.html
index d0f5d9ed3ad2bb81e91fd48c6d4f48afe11fb95e..e8933c8ebd47152730ef8a24c706acab791f902d 100644
--- a/third_party/WebKit/LayoutTests/animations/change-transform-style-during-animation.html
+++ b/third_party/WebKit/LayoutTests/animations/change-transform-style-during-animation.html
@@ -4,7 +4,7 @@
<style>
#container {
transform: translateZ(0px);
- -webkit-perspective: 400;
+ perspective: 400;
}
#revealed {
@@ -22,14 +22,14 @@
width: 100px;
background-color: red;
transform: translateZ(10px);
- -webkit-transform-style: preserve-3d;
- -webkit-animation-duration: 100ms;
- -webkit-animation-fill-mode: both;
- -webkit-animation-timing-function: linear;
- -webkit-animation-iteration-count: 1;
+ transform-style: preserve-3d;
+ animation-duration: 100ms;
+ animation-fill-mode: both;
+ animation-timing-function: linear;
+ animation-iteration-count: 1;
}
- @-webkit-keyframes anim {
+ @keyframes anim {
from { transform: translateZ(0px) translateX(0px); }
to { transform: translateZ(200px) translateX(-200px); }
}
@@ -46,7 +46,7 @@
var animated = document.getElementById('animated');
var result;
var expected = "matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -200, 0, 200, 1)";
- var computed = getPropertyValue("webkitTransform", "animated");
+ var computed = getPropertyValue("transform", "animated");
if (comparePropertyValue(computed, expected, 0.002)) {
result = "PASS - Computed final position is correct.";
} else {
@@ -59,13 +59,13 @@
function animationStarted()
{
var animated = document.getElementById('animated');
- animated.style.webkitTransformStyle = 'flat';
+ animated.style.transformStyle = 'flat';
}
function startTest()
{
var animated = document.getElementById('animated');
- animated.style.webkitAnimationName = "anim";
+ animated.style.animationName = "anim";
animated.addEventListener('webkitAnimationEnd', animationDone);
animated.addEventListener('webkitAnimationStart', animationStarted);
}

Powered by Google App Engine
This is Rietveld 408576698