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

Unified Diff: third_party/WebKit/LayoutTests/animations/additive-transform-animations.html

Issue 1768043002: Rewrite the additive-transform-animations test. (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master
Patch Set: Rebase Created 4 years, 9 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
« no previous file with comments | « no previous file | third_party/WebKit/LayoutTests/animations/additive-transform-animations-expected.html » ('j') | no next file with comments »
Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
Index: third_party/WebKit/LayoutTests/animations/additive-transform-animations.html
diff --git a/third_party/WebKit/LayoutTests/animations/additive-transform-animations.html b/third_party/WebKit/LayoutTests/animations/additive-transform-animations.html
index 00e326eafc51ef1fc448ef25fc4b76be20b67404..2c94473fbb9584f1af13625e3c11a1008af2a6c1 100644
--- a/third_party/WebKit/LayoutTests/animations/additive-transform-animations.html
+++ b/third_party/WebKit/LayoutTests/animations/additive-transform-animations.html
@@ -1,39 +1,22 @@
<!DOCTYPE html>
+<style>
+.box {
+ height: 100px;
+ width: 100px;
+ background-color: blue;
+}
-<html>
-<head>
- <style type="text/css">
- .box {
- height: 100px;
- width: 100px;
- background-color: blue;
- }
-
- #box {
- -webkit-animation: anim 2s linear both;
- }
-
- @-webkit-keyframes anim {
- from { transform: rotate(0deg) translate(-100px, 0); }
- to { transform: rotate(180deg) translate(300px, 0); }
- }
- </style>
- <script src="resources/animation-test-helpers.js" type="text/javascript"></script>
- <script type="text/javascript">
- const expectedValues = [
- // [time, element-id, property, expected-value, tolerance]
- [1, "box", "webkitTransform", [0, 1, -1, 0, 0, 100], 0.002],
- ];
-
- const doPixelTest = true;
- const disablePauseAnimationAPI = false;
- runAnimationTest(expectedValues, null, null, disablePauseAnimationAPI, doPixelTest);
- </script>
-</head>
-<body>
+#box {
+ animation-name: anim;
+ animation-duration: 1s;
+ animation-delay: -0.5s;
+ animation-play-state: paused;
+ animation-timing-function: linear;
+}
+@-webkit-keyframes anim {
+ from { transform: rotate(0deg) translate(-100px, 0); }
+ to { transform: rotate(180deg) translate(300px, 0); }
+}
+</style>
<div class="box" id="box"></div>
-<div id="result"></div>
-
-</body>
-</html>
« no previous file with comments | « no previous file | third_party/WebKit/LayoutTests/animations/additive-transform-animations-expected.html » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698