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

Issues Search
    My Issues | Starred     Open | Closed | All

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

Issue 149363002: Web Animations API: Implement step-middle and steps(x, middle) timing functions. (Closed) Base URL: https://chromium.googlesource.com/chromium/blink.git@master
Patch Set: Remove class in BisonCSSParserTest and change to new license text Created 6 years, 10 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 | « no previous file | LayoutTests/animations/animations-parsing-expected.txt » ('j') | LayoutTests/animations/timing-functions.html » ('J')
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
shans 2014/01/30 09:55:08 Don't need this line
291 style.animationName = "anim1, anim2"; 292 style.animationName = "anim1, anim2";
292 293
293 style.animationTimingFunction = "ease-in-out, ease-in"; 294 style.animationTimingFunction = "ease-in-out, ease-in";
294 shouldBe("style.animationTimingFunction", "'ease-in-out, ease-in'"); 295 shouldBe("style.animationTimingFunction", "'ease-in-out, ease-in'");
295 shouldBe("computedStyle.animationTimingFunction", "'ease-in-out, ease-in'"); 296 shouldBe("computedStyle.animationTimingFunction", "'ease-in-out, ease-in'");
296 shouldBe("style.webkitAnimationTimingFunction", "'ease-in-out, ease-in'"); 297 shouldBe("style.webkitAnimationTimingFunction", "'ease-in-out, ease-in'");
297 shouldBe("computedStyle.webkitAnimationTimingFunction", "'ease-in-out, ease-in'" ); 298 shouldBe("computedStyle.webkitAnimationTimingFunction", "'ease-in-out, ease-in'" );
298 299
299 style.animationTimingFunction = "ease-in-out, cubic-bezier(0.1, 0, 0.23, 0.4)"; 300 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)'"); 301 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'"); 372 shouldBe("computedStyle.animationTimingFunction", "'ease'");
372 shouldBe("style.webkitAnimationTimingFunction", "''"); 373 shouldBe("style.webkitAnimationTimingFunction", "''");
373 shouldBe("computedStyle.webkitAnimationTimingFunction", "'ease'"); 374 shouldBe("computedStyle.webkitAnimationTimingFunction", "'ease'");
374 375
375 style.animationTimingFunction = "step(5)"; 376 style.animationTimingFunction = "step(5)";
376 shouldBe("style.animationTimingFunction", "''"); 377 shouldBe("style.animationTimingFunction", "''");
377 shouldBe("computedStyle.animationTimingFunction", "'ease'"); 378 shouldBe("computedStyle.animationTimingFunction", "'ease'");
378 shouldBe("style.webkitAnimationTimingFunction", "''"); 379 shouldBe("style.webkitAnimationTimingFunction", "''");
379 shouldBe("computedStyle.webkitAnimationTimingFunction", "'ease'"); 380 shouldBe("computedStyle.webkitAnimationTimingFunction", "'ease'");
380 381
382 style.animationTimingFunction = "step-middle";
383 shouldBe("style.animationTimingFunction", "''");
384 shouldBe("computedStyle.animationTimingFunction", "'ease'");
385 shouldBe("style.webkitAnimationTimingFunction", "''");
386 shouldBe("computedStyle.webkitAnimationTimingFunction", "'ease'");
387
388 style.animationTimingFunction = "steps(5, middle)";
389 shouldBe("style.animationTimingFunction", "''");
390 shouldBe("computedStyle.animationTimingFunction", "'ease'");
391 shouldBe("style.webkitAnimationTimingFunction", "''");
392 shouldBe("computedStyle.webkitAnimationTimingFunction", "'ease'");
393
381 style.animationTimingFunction = "red"; 394 style.animationTimingFunction = "red";
382 shouldBe("style.animationTimingFunction", "''"); 395 shouldBe("style.animationTimingFunction", "''");
383 shouldBe("computedStyle.animationTimingFunction", "'ease'"); 396 shouldBe("computedStyle.animationTimingFunction", "'ease'");
384 shouldBe("style.webkitAnimationTimingFunction", "''"); 397 shouldBe("style.webkitAnimationTimingFunction", "''");
385 shouldBe("computedStyle.webkitAnimationTimingFunction", "'ease'"); 398 shouldBe("computedStyle.webkitAnimationTimingFunction", "'ease'");
386 399
387 style.animationTimingFunction = "cubic-bezier(0.25, 0.1, 0.25)"; 400 style.animationTimingFunction = "cubic-bezier(0.25, 0.1, 0.25)";
388 shouldBe("style.animationTimingFunction", "''"); 401 shouldBe("style.animationTimingFunction", "''");
389 shouldBe("computedStyle.animationTimingFunction", "'ease'"); 402 shouldBe("computedStyle.animationTimingFunction", "'ease'");
390 shouldBe("style.webkitAnimationTimingFunction", "''"); 403 shouldBe("style.webkitAnimationTimingFunction", "''");
(...skipping 677 matching lines...) Expand 10 before | Expand all | Expand 10 after
1068 /*style.animation = "ease-in ease-otu 5s"; 1081 /*style.animation = "ease-in ease-otu 5s";
1069 shouldBe("style.animation", "''"); 1082 shouldBe("style.animation", "''");
1070 shouldBe("computedStyle.animation", "'none 0s ease 0s 1 normal none running'"); 1083 shouldBe("computedStyle.animation", "'none 0s ease 0s 1 normal none running'");
1071 shouldBe("style.webkitAnimation", "''"); 1084 shouldBe("style.webkitAnimation", "''");
1072 shouldBe("computedStyle.webkitAnimation", "'none 0s ease 0s 1 normal none runnin g'");*/ 1085 shouldBe("computedStyle.webkitAnimation", "'none 0s ease 0s 1 normal none runnin g'");*/
1073 1086
1074 document.body.removeChild(testContainer); 1087 document.body.removeChild(testContainer);
1075 </script> 1088 </script>
1076 </body> 1089 </body>
1077 </html> 1090 </html>
OLDNEW
« no previous file with comments | « no previous file | LayoutTests/animations/animations-parsing-expected.txt » ('j') | LayoutTests/animations/timing-functions.html » ('J')

Powered by Google App Engine
This is Rietveld 408576698