OLD | NEW |
1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
2 <html lang="en"> | 2 <html lang="en"> |
3 <head> | 3 <head> |
4 <script src="../resources/js-test.js"></script> | 4 <script src="../resources/js-test.js"></script> |
5 <style type="text/css" media="screen"> | 5 <style type="text/css" media="screen"> |
6 #test { | 6 #test { |
7 position: absolute; | 7 position: absolute; |
8 left: 0; | 8 left: 0; |
9 top: 100px; | 9 top: 100px; |
10 height: 100px; | 10 height: 100px; |
(...skipping 20 matching lines...) Expand all Loading... |
31 lastSheet.insertRule("@keyframes anim { from { left: 200px; } to { left: 300px;}
}", lastSheet.cssRules.length); | 31 lastSheet.insertRule("@keyframes anim { from { left: 200px; } to { left: 300px;}
}", lastSheet.cssRules.length); |
32 | 32 |
33 var keyframeRule = lastSheet.cssRules[lastSheet.cssRules.length - 1]; | 33 var keyframeRule = lastSheet.cssRules[lastSheet.cssRules.length - 1]; |
34 shouldBeEqualToString("keyframeRule.toString()", "[object CSSKeyframesRule]"); | 34 shouldBeEqualToString("keyframeRule.toString()", "[object CSSKeyframesRule]"); |
35 shouldBe("keyframeRule.type", "7"); | 35 shouldBe("keyframeRule.type", "7"); |
36 shouldBeEqualToString("keyframeRule.name", "anim"); | 36 shouldBeEqualToString("keyframeRule.name", "anim"); |
37 shouldBeEqualToString("keyframeRule.findRule('from').cssText", "0% { left: 200px
; }"); | 37 shouldBeEqualToString("keyframeRule.findRule('from').cssText", "0% { left: 200px
; }"); |
38 shouldBeEqualToString("keyframeRule.findRule('to').cssText", "100% { left: 300px
; }"); | 38 shouldBeEqualToString("keyframeRule.findRule('to').cssText", "100% { left: 300px
; }"); |
39 keyframeRule.deleteRule("from"); | 39 keyframeRule.deleteRule("from"); |
40 shouldBeNull("keyframeRule.findRule('from')"); | 40 shouldBeNull("keyframeRule.findRule('from')"); |
41 keyframeRule.insertRule("from { left: 200px; }"); | 41 keyframeRule.appendRule("from { left: 200px; }"); |
42 shouldBeEqualToString("keyframeRule.findRule('from').cssText", "0% { left: 200px
; }"); | 42 shouldBeEqualToString("keyframeRule.findRule('from').cssText", "0% { left: 200px
; }"); |
43 shouldBeEqualToString("keyframeRule.cssRules[0].toString()", "[object CSSKeyfram
eRule]"); | 43 shouldBeEqualToString("keyframeRule.cssRules[0].toString()", "[object CSSKeyfram
eRule]"); |
44 shouldBeEqualToString("keyframeRule.cssRules[0].cssText", "100% { left: 300px; }
"); | 44 shouldBeEqualToString("keyframeRule.cssRules[0].cssText", "100% { left: 300px; }
"); |
45 shouldBeEqualToString("keyframeRule.cssRules[0].keyText", "100%"); | 45 shouldBeEqualToString("keyframeRule.cssRules[0].keyText", "100%"); |
46 shouldBeEqualToString("keyframeRule.cssRules[0].style.cssText", "left: 300px;"); | 46 shouldBeEqualToString("keyframeRule.cssRules[0].style.cssText", "left: 300px;"); |
47 shouldBeEqualToString("keyframeRule.cssRules[1].toString()", "[object CSSKeyfram
eRule]"); | 47 shouldBeEqualToString("keyframeRule.cssRules[1].toString()", "[object CSSKeyfram
eRule]"); |
48 shouldBeEqualToString("keyframeRule.cssRules[1].cssText", "0% { left: 200px; }")
; | 48 shouldBeEqualToString("keyframeRule.cssRules[1].cssText", "0% { left: 200px; }")
; |
49 shouldBeEqualToString("keyframeRule.cssRules[1].keyText", "0%"); | 49 shouldBeEqualToString("keyframeRule.cssRules[1].keyText", "0%"); |
50 shouldBeEqualToString("keyframeRule.cssRules[1].style.cssText", "left: 200px;"); | 50 shouldBeEqualToString("keyframeRule.cssRules[1].style.cssText", "left: 200px;"); |
51 | 51 |
52 shouldThrow("new CSSKeyframesRule().name", "'TypeError: Illegal constructor'"); | 52 shouldThrow("new CSSKeyframesRule().name", "'TypeError: Illegal constructor'"); |
53 | 53 |
54 document.body.removeChild(testContainer); | 54 document.body.removeChild(testContainer); |
55 </script> | 55 </script> |
56 </body> | 56 </body> |
57 </html> | 57 </html> |
OLD | NEW |