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

Issues Search
    My Issues | Starred     Open | Closed | All

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

Issue 2775143002: Implement frames() timing function (Closed)
Patch Set: 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
« cc/animation/keyframed_animation_curve_unittest.cc ('K') | « third_party/WebKit/LayoutTests/external/wpt/web-animations/interfaces/AnimationEffectTiming/easing-expected.txt ('k') | third_party/WebKit/LayoutTests/transitions/transitions-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 transitions p roperties.") 8 description("Test the parsing and the computed style values of the transitions p roperties.")
9 9
10 var testContainer = document.createElement("div"); 10 var testContainer = document.createElement("div");
(...skipping 354 matching lines...) Expand 10 before | Expand all | Expand 10 after
365 shouldBe("computedStyle.transitionTimingFunction", "'steps(4, end)'"); 365 shouldBe("computedStyle.transitionTimingFunction", "'steps(4, end)'");
366 shouldBe("style.webkitTransitionTimingFunction", "'steps(4, end)'"); 366 shouldBe("style.webkitTransitionTimingFunction", "'steps(4, end)'");
367 shouldBe("computedStyle.webkitTransitionTimingFunction", "'steps(4, end)'"); 367 shouldBe("computedStyle.webkitTransitionTimingFunction", "'steps(4, end)'");
368 368
369 style.transitionTimingFunction = "steps(5, start)"; 369 style.transitionTimingFunction = "steps(5, start)";
370 shouldBe("style.transitionTimingFunction", "'steps(5, start)'"); 370 shouldBe("style.transitionTimingFunction", "'steps(5, start)'");
371 shouldBe("computedStyle.transitionTimingFunction", "'steps(5, start)'"); 371 shouldBe("computedStyle.transitionTimingFunction", "'steps(5, start)'");
372 shouldBe("style.webkitTransitionTimingFunction", "'steps(5, start)'"); 372 shouldBe("style.webkitTransitionTimingFunction", "'steps(5, start)'");
373 shouldBe("computedStyle.webkitTransitionTimingFunction", "'steps(5, start)'"); 373 shouldBe("computedStyle.webkitTransitionTimingFunction", "'steps(5, start)'");
374 374
375 style.transitionTimingFunction = "frames(5)";
376 shouldBe("style.transitionTimingFunction", "'frames(5)'");
377 shouldBe("computedStyle.transitionTimingFunction", "'frames(5)'");
378 shouldBe("style.webkitTransitionTimingFunction", "'frames(5)'");
379 shouldBe("computedStyle.webkitTransitionTimingFunction", "'frames(5)'");
380
375 style.transitionProperty = "opacity, width"; 381 style.transitionProperty = "opacity, width";
376 382
377 style.transitionTimingFunction = "ease-in-out, ease-in"; 383 style.transitionTimingFunction = "ease-in-out, ease-in";
378 shouldBe("style.transitionTimingFunction", "'ease-in-out, ease-in'"); 384 shouldBe("style.transitionTimingFunction", "'ease-in-out, ease-in'");
379 shouldBe("computedStyle.transitionTimingFunction", "'ease-in-out, ease-in'"); 385 shouldBe("computedStyle.transitionTimingFunction", "'ease-in-out, ease-in'");
380 shouldBe("style.webkitTransitionTimingFunction", "'ease-in-out, ease-in'"); 386 shouldBe("style.webkitTransitionTimingFunction", "'ease-in-out, ease-in'");
381 shouldBe("computedStyle.webkitTransitionTimingFunction", "'ease-in-out, ease-in' "); 387 shouldBe("computedStyle.webkitTransitionTimingFunction", "'ease-in-out, ease-in' ");
382 388
383 style.transitionTimingFunction = "ease-in-out, cubic-bezier(0.1, 0, 0.23, 0.4)"; 389 style.transitionTimingFunction = "ease-in-out, cubic-bezier(0.1, 0, 0.23, 0.4)";
384 shouldBe("style.transitionTimingFunction", "'ease-in-out, cubic-bezier(0.1, 0, 0 .23, 0.4)'"); 390 shouldBe("style.transitionTimingFunction", "'ease-in-out, cubic-bezier(0.1, 0, 0 .23, 0.4)'");
(...skipping 70 matching lines...) Expand 10 before | Expand all | Expand 10 after
455 shouldBe("computedStyle.transitionTimingFunction", "'ease'"); 461 shouldBe("computedStyle.transitionTimingFunction", "'ease'");
456 shouldBe("style.webkitTransitionTimingFunction", "''"); 462 shouldBe("style.webkitTransitionTimingFunction", "''");
457 shouldBe("computedStyle.webkitTransitionTimingFunction", "'ease'"); 463 shouldBe("computedStyle.webkitTransitionTimingFunction", "'ease'");
458 464
459 style.transitionTimingFunction = "step(5)"; 465 style.transitionTimingFunction = "step(5)";
460 shouldBe("style.transitionTimingFunction", "''"); 466 shouldBe("style.transitionTimingFunction", "''");
461 shouldBe("computedStyle.transitionTimingFunction", "'ease'"); 467 shouldBe("computedStyle.transitionTimingFunction", "'ease'");
462 shouldBe("style.webkitTransitionTimingFunction", "''"); 468 shouldBe("style.webkitTransitionTimingFunction", "''");
463 shouldBe("computedStyle.webkitTransitionTimingFunction", "'ease'"); 469 shouldBe("computedStyle.webkitTransitionTimingFunction", "'ease'");
464 470
471 style.transitionTimingFunction = "frame(5)";
472 shouldBe("style.transitionTimingFunction", "''");
473 shouldBe("computedStyle.transitionTimingFunction", "'ease'");
474 shouldBe("style.webkitTransitionTimingFunction", "''");
475 shouldBe("computedStyle.webkitTransitionTimingFunction", "'ease'");
476
477 style.transitionTimingFunction = "frames(1)";
478 shouldBe("style.transitionTimingFunction", "''");
479 shouldBe("computedStyle.transitionTimingFunction", "'ease'");
480 shouldBe("style.webkitTransitionTimingFunction", "''");
481 shouldBe("computedStyle.webkitTransitionTimingFunction", "'ease'");
482
483 style.transitionTimingFunction = "frames(5, end)";
484 shouldBe("style.transitionTimingFunction", "''");
485 shouldBe("computedStyle.transitionTimingFunction", "'ease'");
486 shouldBe("style.webkitTransitionTimingFunction", "''");
487 shouldBe("computedStyle.webkitTransitionTimingFunction", "'ease'");
alancutter (OOO until 2018) 2017/03/29 04:58:31 I wish there were a helper function like shouldNot
suzyh_UTC10 (ex-contributor) 2017/04/04 01:02:03 Ack.
488
alancutter (OOO until 2018) 2017/03/29 04:58:30 Let's also test frames() for parse failure.
suzyh_UTC10 (ex-contributor) 2017/04/04 01:02:03 Done.
465 style.transitionTimingFunction = "red"; 489 style.transitionTimingFunction = "red";
466 shouldBe("style.transitionTimingFunction", "''"); 490 shouldBe("style.transitionTimingFunction", "''");
467 shouldBe("computedStyle.transitionTimingFunction", "'ease'"); 491 shouldBe("computedStyle.transitionTimingFunction", "'ease'");
468 shouldBe("style.webkitTransitionTimingFunction", "''"); 492 shouldBe("style.webkitTransitionTimingFunction", "''");
469 shouldBe("computedStyle.webkitTransitionTimingFunction", "'ease'"); 493 shouldBe("computedStyle.webkitTransitionTimingFunction", "'ease'");
470 494
471 style.transitionTimingFunction = "cubic-bezier(0.25, 0.1, 0.25)"; 495 style.transitionTimingFunction = "cubic-bezier(0.25, 0.1, 0.25)";
472 shouldBe("style.transitionTimingFunction", "''"); 496 shouldBe("style.transitionTimingFunction", "''");
473 shouldBe("computedStyle.transitionTimingFunction", "'ease'"); 497 shouldBe("computedStyle.transitionTimingFunction", "'ease'");
474 shouldBe("style.webkitTransitionTimingFunction", "''"); 498 shouldBe("style.webkitTransitionTimingFunction", "''");
(...skipping 279 matching lines...) Expand 10 before | Expand all | Expand 10 after
754 shouldBe("style.transitionDuration", "'20s'"); 778 shouldBe("style.transitionDuration", "'20s'");
755 779
756 style.transition = "-10s 10s"; 780 style.transition = "-10s 10s";
757 shouldBe("style.transitionDelay", "'-10s'"); 781 shouldBe("style.transitionDelay", "'-10s'");
758 shouldBe("style.transitionDuration", "'10s'"); 782 shouldBe("style.transitionDuration", "'10s'");
759 783
760 document.body.removeChild(testContainer); 784 document.body.removeChild(testContainer);
761 </script> 785 </script>
762 </body> 786 </body>
763 </html> 787 </html>
OLDNEW
« cc/animation/keyframed_animation_curve_unittest.cc ('K') | « third_party/WebKit/LayoutTests/external/wpt/web-animations/interfaces/AnimationEffectTiming/easing-expected.txt ('k') | third_party/WebKit/LayoutTests/transitions/transitions-parsing-expected.txt » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698