LayoutTests/animations/animations-parsing.html - Issue 149363002: Web Animations API: Implement step-middle and steps(x, middle) timing functions.

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: Merged patch into fresh branch (to avoid scary rebase) Created 6 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 unified diff | Download patch

OLD	NEW
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 384 matching lines...) Expand 10 before \| Expand all \| Expand 10 after Loading...
395 shouldBe("computedStyle.animationTimingFunction", "'ease'");	395 shouldBe("computedStyle.animationTimingFunction", "'ease'");

396 shouldBe("style.webkitAnimationTimingFunction", "''");	396 shouldBe("style.webkitAnimationTimingFunction", "''");

397 shouldBe("computedStyle.webkitAnimationTimingFunction", "'ease'");	397 shouldBe("computedStyle.webkitAnimationTimingFunction", "'ease'");

398	398

399 style.animationTimingFunction = "cubic-foo(0.25, 0.1, 0.25, 1)";	399 style.animationTimingFunction = "cubic-foo(0.25, 0.1, 0.25, 1)";

400 shouldBe("style.animationTimingFunction", "''");	400 shouldBe("style.animationTimingFunction", "''");

401 shouldBe("computedStyle.animationTimingFunction", "'ease'");	401 shouldBe("computedStyle.animationTimingFunction", "'ease'");

402 shouldBe("style.webkitAnimationTimingFunction", "''");	402 shouldBe("style.webkitAnimationTimingFunction", "''");

403 shouldBe("computedStyle.webkitAnimationTimingFunction", "'ease'");	403 shouldBe("computedStyle.webkitAnimationTimingFunction", "'ease'");

404	404

	405 style.animationTimingFunction = "step-middle";

	406 shouldBe("style.animationTimingFunction", "'step-middle'");

	407 shouldBe("computedStyle.animationTimingFunction", "'ease'");

	408 shouldBe("style.webkitAnimationTimingFunction", "'step-middle'");

	409 shouldBe("computedStyle.webkitAnimationTimingFunction", "'ease'");

	410

	411 style.animationTimingFunction = "steps(5, middle)";

	412 shouldBe("style.animationTimingFunction", "'steps(5, middle)'");

	413 shouldBe("computedStyle.animationTimingFunction", "'ease'");

	414 shouldBe("style.webkitAnimationTimingFunction", "'steps(5, middle)'");

	415 shouldBe("computedStyle.webkitAnimationTimingFunction", "'ease'");

	416

405 debug("Valid animation-delay values.");	417 debug("Valid animation-delay values.");

406 // Initial test.	418 // Initial test.

407 shouldBe("computedStyle.animationDelay", "'0s'");	419 shouldBe("computedStyle.animationDelay", "'0s'");

408 shouldBe("computedStyle.webkitAnimationDelay", "'0s'");	420 shouldBe("computedStyle.webkitAnimationDelay", "'0s'");

409	421

410 style.animationDelay = "0s";	422 style.animationDelay = "0s";

411 shouldNotBe("Object.keys(style).indexOf('animationDelay')", "-1");	423 shouldNotBe("Object.keys(style).indexOf('animationDelay')", "-1");

412 shouldNotBe("Object.keys(style).indexOf('webkitAnimationDelay')", "-1");	424 shouldNotBe("Object.keys(style).indexOf('webkitAnimationDelay')", "-1");

413 shouldBe("style.animationDelay", "'0s'");	425 shouldBe("style.animationDelay", "'0s'");

414 shouldBe("computedStyle.animationDelay", "'0s'");	426 shouldBe("computedStyle.animationDelay", "'0s'");

(...skipping 653 matching lines...) Expand 10 before \| Expand all \| Expand 10 after Loading...
1068 /*style.animation = "ease-in ease-otu 5s";	1080 /*style.animation = "ease-in ease-otu 5s";

1069 shouldBe("style.animation", "''");	1081 shouldBe("style.animation", "''");

1070 shouldBe("computedStyle.animation", "'none 0s ease 0s 1 normal none running'");	1082 shouldBe("computedStyle.animation", "'none 0s ease 0s 1 normal none running'");

1071 shouldBe("style.webkitAnimation", "''");	1083 shouldBe("style.webkitAnimation", "''");

1072 shouldBe("computedStyle.webkitAnimation", "'none 0s ease 0s 1 normal none runnin g'");*/	1084 shouldBe("computedStyle.webkitAnimation", "'none 0s ease 0s 1 normal none runnin g'");*/

1073	1085

1074 document.body.removeChild(testContainer);	1086 document.body.removeChild(testContainer);

1075 </script>	1087 </script>

1076 </body>	1088 </body>

1077 </html>	1089 </html>

OLD	NEW

« no previous file with comments | « no previous file | LayoutTests/animations/animations-parsing-expected.txt » ('j') | no next file with comments »