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

Issues Search
    My Issues | Starred     Open | Closed | All

Side by Side Diff: third_party/WebKit/LayoutTests/animations/animations-parsing.html

Issue 2775143002: Implement frames() timing function (Closed)
Patch Set: Fix behaviour outside input range [0,1] Created 3 years, 8 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 unified diff | Download patch
« no previous file with comments | « cc/animation/timing_function.cc ('k') | third_party/WebKit/LayoutTests/animations/animations-parsing-expected.txt » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
OLDNEW
1 <!DOCTYPE html> 1 <!DOCTYPE html>
2 <html> 2 <html>
3 <head> 3 <head>
4 <script src="../resources/js-test.js"></script> 4 <script src="../resources/js-test.js"></script>
5 </head> 5 </head>
6 <body> 6 <body>
7 <script> 7 <script>
8 description("Test the parsing and the computed style values of the animations pr operties.") 8 description("Test the parsing and the computed style values of the animations pr operties.")
9 9
10 var testContainer = document.createElement("div"); 10 var testContainer = document.createElement("div");
(...skipping 270 matching lines...) Expand 10 before | Expand all | Expand 10 after
281 shouldBe("computedStyle.animationTimingFunction", "'steps(4, end)'"); 281 shouldBe("computedStyle.animationTimingFunction", "'steps(4, end)'");
282 shouldBe("style.webkitAnimationTimingFunction", "'steps(4, end)'"); 282 shouldBe("style.webkitAnimationTimingFunction", "'steps(4, end)'");
283 shouldBe("computedStyle.webkitAnimationTimingFunction", "'steps(4, end)'"); 283 shouldBe("computedStyle.webkitAnimationTimingFunction", "'steps(4, end)'");
284 284
285 style.animationTimingFunction = "steps(5, start)"; 285 style.animationTimingFunction = "steps(5, start)";
286 shouldBe("style.animationTimingFunction", "'steps(5, start)'"); 286 shouldBe("style.animationTimingFunction", "'steps(5, start)'");
287 shouldBe("computedStyle.animationTimingFunction", "'steps(5, start)'"); 287 shouldBe("computedStyle.animationTimingFunction", "'steps(5, start)'");
288 shouldBe("style.webkitAnimationTimingFunction", "'steps(5, start)'"); 288 shouldBe("style.webkitAnimationTimingFunction", "'steps(5, start)'");
289 shouldBe("computedStyle.webkitAnimationTimingFunction", "'steps(5, start)'"); 289 shouldBe("computedStyle.webkitAnimationTimingFunction", "'steps(5, start)'");
290 290
291 style.animationTimingFunction = "frames(5)";
292 shouldBe("style.animationTimingFunction", "'frames(5)'");
293 shouldBe("computedStyle.animationTimingFunction", "'frames(5)'");
294 shouldBe("style.webkitAnimationTimingFunction", "'frames(5)'");
295 shouldBe("computedStyle.webkitAnimationTimingFunction", "'frames(5)'");
296
291 style.animationName = "anim1, anim2"; 297 style.animationName = "anim1, anim2";
292 298
293 style.animationTimingFunction = "ease-in-out, ease-in"; 299 style.animationTimingFunction = "ease-in-out, ease-in";
294 shouldBe("style.animationTimingFunction", "'ease-in-out, ease-in'"); 300 shouldBe("style.animationTimingFunction", "'ease-in-out, ease-in'");
295 shouldBe("computedStyle.animationTimingFunction", "'ease-in-out, ease-in'"); 301 shouldBe("computedStyle.animationTimingFunction", "'ease-in-out, ease-in'");
296 shouldBe("style.webkitAnimationTimingFunction", "'ease-in-out, ease-in'"); 302 shouldBe("style.webkitAnimationTimingFunction", "'ease-in-out, ease-in'");
297 shouldBe("computedStyle.webkitAnimationTimingFunction", "'ease-in-out, ease-in'" ); 303 shouldBe("computedStyle.webkitAnimationTimingFunction", "'ease-in-out, ease-in'" );
298 304
299 style.animationTimingFunction = "ease-in-out, cubic-bezier(0.1, 0, 0.23, 0.4)"; 305 style.animationTimingFunction = "ease-in-out, cubic-bezier(0.1, 0, 0.23, 0.4)";
300 shouldBe("style.animationTimingFunction", "'ease-in-out, cubic-bezier(0.1, 0, 0. 23, 0.4)'"); 306 shouldBe("style.animationTimingFunction", "'ease-in-out, cubic-bezier(0.1, 0, 0. 23, 0.4)'");
(...skipping 70 matching lines...) Expand 10 before | Expand all | Expand 10 after
371 shouldBe("computedStyle.animationTimingFunction", "'ease'"); 377 shouldBe("computedStyle.animationTimingFunction", "'ease'");
372 shouldBe("style.webkitAnimationTimingFunction", "''"); 378 shouldBe("style.webkitAnimationTimingFunction", "''");
373 shouldBe("computedStyle.webkitAnimationTimingFunction", "'ease'"); 379 shouldBe("computedStyle.webkitAnimationTimingFunction", "'ease'");
374 380
375 style.animationTimingFunction = "step(5)"; 381 style.animationTimingFunction = "step(5)";
376 shouldBe("style.animationTimingFunction", "''"); 382 shouldBe("style.animationTimingFunction", "''");
377 shouldBe("computedStyle.animationTimingFunction", "'ease'"); 383 shouldBe("computedStyle.animationTimingFunction", "'ease'");
378 shouldBe("style.webkitAnimationTimingFunction", "''"); 384 shouldBe("style.webkitAnimationTimingFunction", "''");
379 shouldBe("computedStyle.webkitAnimationTimingFunction", "'ease'"); 385 shouldBe("computedStyle.webkitAnimationTimingFunction", "'ease'");
380 386
387 style.animationTimingFunction = "frame(5)";
388 shouldBe("style.animationTimingFunction", "''");
389 shouldBe("computedStyle.animationTimingFunction", "'ease'");
390 shouldBe("style.webkitAnimationTimingFunction", "''");
391 shouldBe("computedStyle.webkitAnimationTimingFunction", "'ease'");
392
393 style.animationTimingFunction = "frames(1)";
394 shouldBe("style.animationTimingFunction", "''");
395 shouldBe("computedStyle.animationTimingFunction", "'ease'");
396 shouldBe("style.webkitAnimationTimingFunction", "''");
397 shouldBe("computedStyle.webkitAnimationTimingFunction", "'ease'");
398
399 style.animationTimingFunction = "frames(2, 3)";
400 shouldBe("style.animationTimingFunction", "''");
401 shouldBe("computedStyle.animationTimingFunction", "'ease'");
402 shouldBe("style.webkitAnimationTimingFunction", "''");
403 shouldBe("computedStyle.webkitAnimationTimingFunction", "'ease'");
404
381 style.animationTimingFunction = "red"; 405 style.animationTimingFunction = "red";
382 shouldBe("style.animationTimingFunction", "''"); 406 shouldBe("style.animationTimingFunction", "''");
383 shouldBe("computedStyle.animationTimingFunction", "'ease'"); 407 shouldBe("computedStyle.animationTimingFunction", "'ease'");
384 shouldBe("style.webkitAnimationTimingFunction", "''"); 408 shouldBe("style.webkitAnimationTimingFunction", "''");
385 shouldBe("computedStyle.webkitAnimationTimingFunction", "'ease'"); 409 shouldBe("computedStyle.webkitAnimationTimingFunction", "'ease'");
386 410
387 style.animationTimingFunction = "cubic-bezier(0.25, 0.1, 0.25)"; 411 style.animationTimingFunction = "cubic-bezier(0.25, 0.1, 0.25)";
388 shouldBe("style.animationTimingFunction", "''"); 412 shouldBe("style.animationTimingFunction", "''");
389 shouldBe("computedStyle.animationTimingFunction", "'ease'"); 413 shouldBe("computedStyle.animationTimingFunction", "'ease'");
390 shouldBe("style.webkitAnimationTimingFunction", "''"); 414 shouldBe("style.webkitAnimationTimingFunction", "''");
(...skipping 746 matching lines...) Expand 10 before | Expand all | Expand 10 after
1137 /*style.animation = "ease-in ease-otu 5s"; 1161 /*style.animation = "ease-in ease-otu 5s";
1138 shouldBe("style.animation", "''"); 1162 shouldBe("style.animation", "''");
1139 shouldBe("computedStyle.animation", "'none 0s ease 0s 1 normal none running'"); 1163 shouldBe("computedStyle.animation", "'none 0s ease 0s 1 normal none running'");
1140 shouldBe("style.webkitAnimation", "''"); 1164 shouldBe("style.webkitAnimation", "''");
1141 shouldBe("computedStyle.webkitAnimation", "'none 0s ease 0s 1 normal none runnin g'");*/ 1165 shouldBe("computedStyle.webkitAnimation", "'none 0s ease 0s 1 normal none runnin g'");*/
1142 1166
1143 document.body.removeChild(testContainer); 1167 document.body.removeChild(testContainer);
1144 </script> 1168 </script>
1145 </body> 1169 </body>
1146 </html> 1170 </html>
OLDNEW
« no previous file with comments | « cc/animation/timing_function.cc ('k') | third_party/WebKit/LayoutTests/animations/animations-parsing-expected.txt » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698