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: Add comment to timing-functions test re. invalidity of step-middle in CSS 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

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

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

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

374	374

375 style.animationTimingFunction = "step(5)";	375 style.animationTimingFunction = "step(5)";

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

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

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

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

380	380

	381 style.animationTimingFunction = "step-middle";

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

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

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

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

	386

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

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

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

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

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

	392

381 style.animationTimingFunction = "red";	393 style.animationTimingFunction = "red";

382 shouldBe("style.animationTimingFunction", "''");	394 shouldBe("style.animationTimingFunction", "''");

383 shouldBe("computedStyle.animationTimingFunction", "'ease'");	395 shouldBe("computedStyle.animationTimingFunction", "'ease'");

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

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

386	398

387 style.animationTimingFunction = "cubic-bezier(0.25, 0.1, 0.25)";	399 style.animationTimingFunction = "cubic-bezier(0.25, 0.1, 0.25)";

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

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

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

(...skipping 677 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') | Source/core/animation/CompositorAnimationsTest.cpp » ('J')