| 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 |