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 |