| OLD | NEW |
| 1 This tests the CSSKeyframeRule and CSSKeyframesRule interfaces. | 1 This tests the CSSKeyframeRule and CSSKeyframesRule interfaces. |
| 2 | 2 |
| 3 On success, you will see a series of "PASS" messages, followed by "TEST COMPLETE
". | 3 On success, you will see a series of "PASS" messages, followed by "TEST COMPLETE
". |
| 4 | 4 |
| 5 | 5 |
| 6 Constants | 6 Constants |
| 7 PASS CSSKeyframeRule exists on Window object | 7 PASS CSSKeyframeRule exists on Window object |
| 8 PASS CSSKeyframesRule exists on Window object | 8 PASS CSSKeyframesRule exists on Window object |
| 9 PASS WEBKIT_KEYFRAME_RULE exists on Window.CSSRule object | 9 PASS WEBKIT_KEYFRAME_RULE does not exist on Window.CSSRule object |
| 10 PASS WEBKIT_KEYFRAMES_RULE exists on Window.CSSRule object | 10 PASS WEBKIT_KEYFRAMES_RULE does not exist on Window.CSSRule object |
| 11 PASS KEYFRAME_RULE exists on Window.CSSRule object | 11 PASS KEYFRAME_RULE exists on Window.CSSRule object |
| 12 PASS KEYFRAMES_RULE exists on Window.CSSRule object | 12 PASS KEYFRAMES_RULE exists on Window.CSSRule object |
| 13 | 13 |
| 14 Basic queries | 14 Basic queries |
| 15 PASS keyframes1.type is window.CSSRule.WEBKIT_KEYFRAMES_RULE | 15 PASS keyframes1.type is window.CSSRule.KEYFRAMES_RULE |
| 16 PASS keyframes1.name is 'test1' | 16 PASS keyframes1.name is 'test1' |
| 17 PASS rules1.length is 2 | 17 PASS rules1.length is 2 |
| 18 PASS rules1.item(0).type is window.CSSRule.WEBKIT_KEYFRAME_RULE | 18 PASS rules1.item(0).type is window.CSSRule.KEYFRAME_RULE |
| 19 PASS rules1.item(0).cssText is '0% { left: 10px; }' | 19 PASS rules1.item(0).cssText is '0% { left: 10px; }' |
| 20 PASS rules1.item(1).cssText is '100% { left: 20px; }' | 20 PASS rules1.item(1).cssText is '100% { left: 20px; }' |
| 21 | 21 |
| 22 Insert new rules | 22 Insert new rules |
| 23 PASS rules1.length is 5 | 23 PASS rules1.length is 5 |
| 24 PASS rules1.item(0).cssText is '0% { left: 10px; }' | 24 PASS rules1.item(0).cssText is '0% { left: 10px; }' |
| 25 PASS rules1.item(1).cssText is '100% { left: 20px; }' | 25 PASS rules1.item(1).cssText is '100% { left: 20px; }' |
| 26 PASS rules1.item(2).cssText is '30% { left: 30px; }' | 26 PASS rules1.item(2).cssText is '30% { left: 30px; }' |
| 27 PASS rules1.item(3).cssText is '60% { left: 60px; }' | 27 PASS rules1.item(3).cssText is '60% { left: 60px; }' |
| 28 PASS rules1.item(4).cssText is '20% { left: 50px; }' | 28 PASS rules1.item(4).cssText is '20% { left: 50px; }' |
| 29 | 29 |
| 30 Insert invalid rules | 30 Insert invalid rules |
| 31 PASS rules2.length is 6 | 31 PASS rules2.length is 6 |
| 32 PASS rules2.item(5).cssText is '10% { left: 30px; }' | 32 PASS rules2.item(5).cssText is '10% { left: 30px; }' |
| 33 | 33 |
| 34 Keys | 34 Keys |
| 35 PASS keyframes3.type is window.CSSRule.WEBKIT_KEYFRAMES_RULE | 35 PASS keyframes3.type is window.CSSRule.KEYFRAMES_RULE |
| 36 PASS keyframes3.name is 'test3' | 36 PASS keyframes3.name is 'test3' |
| 37 PASS rules3.length is 3 | 37 PASS rules3.length is 3 |
| 38 PASS rules3.item(0).type is window.CSSRule.WEBKIT_KEYFRAME_RULE | 38 PASS rules3.item(0).type is window.CSSRule.KEYFRAME_RULE |
| 39 PASS rules3.item(0).keyText is '0%' | 39 PASS rules3.item(0).keyText is '0%' |
| 40 PASS rules3.item(1).keyText is '50%, 60%' | 40 PASS rules3.item(1).keyText is '50%, 60%' |
| 41 PASS rules3.item(2).keyText is '90%, 100%' | 41 PASS rules3.item(2).keyText is '90%, 100%' |
| 42 PASS rules3.item(0).cssText is '0% { left: 10px; }' | 42 PASS rules3.item(0).cssText is '0% { left: 10px; }' |
| 43 PASS rules3.item(1).cssText is '50%, 60% { left: 30px; }' | 43 PASS rules3.item(1).cssText is '50%, 60% { left: 30px; }' |
| 44 PASS rules3.item(2).cssText is '90%, 100% { left: 20px; }' | 44 PASS rules3.item(2).cssText is '90%, 100% { left: 20px; }' |
| 45 | 45 |
| 46 Find a rule | 46 Find a rule |
| 47 PASS rules3.item(0).style is an instance of CSSStyleDeclaration | 47 PASS rules3.item(0).style is an instance of CSSStyleDeclaration |
| 48 PASS rules3.item(0).style.length is 1 | 48 PASS rules3.item(0).style.length is 1 |
| 49 PASS rule.type is window.CSSRule.WEBKIT_KEYFRAME_RULE | 49 PASS rule.type is window.CSSRule.KEYFRAME_RULE |
| 50 PASS rule.cssText is '0% { left: 10px; }' | 50 PASS rule.cssText is '0% { left: 10px; }' |
| 51 | 51 |
| 52 Find a rule with multiple key values | 52 Find a rule with multiple key values |
| 53 PASS rule.type is window.CSSRule.WEBKIT_KEYFRAME_RULE | 53 PASS rule.type is window.CSSRule.KEYFRAME_RULE |
| 54 PASS rule.cssText is '50%, 60% { left: 30px; }' | 54 PASS rule.cssText is '50%, 60% { left: 30px; }' |
| 55 | 55 |
| 56 Find a rule using from and to | 56 Find a rule using from and to |
| 57 PASS keyframes4.type is window.CSSRule.WEBKIT_KEYFRAMES_RULE | 57 PASS keyframes4.type is window.CSSRule.KEYFRAMES_RULE |
| 58 PASS rule.type is window.CSSRule.WEBKIT_KEYFRAME_RULE | 58 PASS rule.type is window.CSSRule.KEYFRAME_RULE |
| 59 PASS rule.cssText is '0% { left: 10px; }' | 59 PASS rule.cssText is '0% { left: 10px; }' |
| 60 PASS rule.type is window.CSSRule.WEBKIT_KEYFRAME_RULE | 60 PASS rule.type is window.CSSRule.KEYFRAME_RULE |
| 61 PASS rule.cssText is '100% { left: 20px; }' | 61 PASS rule.cssText is '100% { left: 20px; }' |
| 62 | 62 |
| 63 Try to find a rule that doesn't exist | 63 Try to find a rule that doesn't exist |
| 64 PASS Non-existent rule was not found | 64 PASS Non-existent rule was not found |
| 65 | 65 |
| 66 Delete a rule | 66 Delete a rule |
| 67 PASS rules5.length is 2 | 67 PASS rules5.length is 2 |
| 68 PASS rules5.item(0).type is window.CSSRule.WEBKIT_KEYFRAME_RULE | 68 PASS rules5.item(0).type is window.CSSRule.KEYFRAME_RULE |
| 69 PASS rules5.item(0).keyText is '0%' | 69 PASS rules5.item(0).keyText is '0%' |
| 70 PASS rules5.item(1).keyText is '90%, 100%' | 70 PASS rules5.item(1).keyText is '90%, 100%' |
| 71 | 71 |
| 72 Delete a from rule | 72 Delete a from rule |
| 73 PASS rules6.length is 2 | 73 PASS rules6.length is 2 |
| 74 PASS rules6.item(0).type is window.CSSRule.WEBKIT_KEYFRAME_RULE | 74 PASS rules6.item(0).type is window.CSSRule.KEYFRAME_RULE |
| 75 PASS rules6.item(0).keyText is '50%' | 75 PASS rules6.item(0).keyText is '50%' |
| 76 PASS rules6.item(1).keyText is '100%' | 76 PASS rules6.item(1).keyText is '100%' |
| 77 | 77 |
| 78 Delete a rule that doesn't exist | 78 Delete a rule that doesn't exist |
| 79 PASS rules7.length is 2 | 79 PASS rules7.length is 2 |
| 80 PASS rules7.item(0).type is window.CSSRule.WEBKIT_KEYFRAME_RULE | 80 PASS rules7.item(0).type is window.CSSRule.KEYFRAME_RULE |
| 81 PASS rules7.item(0).keyText is '0%' | 81 PASS rules7.item(0).keyText is '0%' |
| 82 PASS rules7.item(1).keyText is '90%, 100%' | 82 PASS rules7.item(1).keyText is '90%, 100%' |
| 83 | 83 |
| 84 Set a keyframe key | 84 Set a keyframe key |
| 85 PASS rules8.length is 2 | 85 PASS rules8.length is 2 |
| 86 PASS rules8.item(0).type is window.CSSRule.WEBKIT_KEYFRAME_RULE | 86 PASS rules8.item(0).type is window.CSSRule.KEYFRAME_RULE |
| 87 PASS rules8.item(0).keyText is '70%' | 87 PASS rules8.item(0).keyText is '70%' |
| 88 PASS rules8.item(1).keyText is '90%, 100%' | 88 PASS rules8.item(1).keyText is '90%, 100%' |
| 89 | 89 |
| 90 Set a keyframe key with 'from' | 90 Set a keyframe key with 'from' |
| 91 PASS rules9.length is 2 | 91 PASS rules9.length is 2 |
| 92 PASS rules9.item(0).type is window.CSSRule.WEBKIT_KEYFRAME_RULE | 92 PASS rules9.item(0).type is window.CSSRule.KEYFRAME_RULE |
| 93 PASS rules9.item(0).keyText is '0%' | 93 PASS rules9.item(0).keyText is '0%' |
| 94 PASS rules9.item(1).keyText is '90%, 100%' | 94 PASS rules9.item(1).keyText is '90%, 100%' |
| 95 | 95 |
| 96 Set a keyframe key with multiple values | 96 Set a keyframe key with multiple values |
| 97 PASS rules10.length is 2 | 97 PASS rules10.length is 2 |
| 98 PASS rules10.item(0).type is window.CSSRule.WEBKIT_KEYFRAME_RULE | 98 PASS rules10.item(0).type is window.CSSRule.KEYFRAME_RULE |
| 99 PASS rules10.item(0).keyText is '0%, 10%, 0%, 20%, 30%, 100%' | 99 PASS rules10.item(0).keyText is '0%, 10%, 0%, 20%, 30%, 100%' |
| 100 PASS rules10.item(1).keyText is '90%, 100%' | 100 PASS rules10.item(1).keyText is '90%, 100%' |
| 101 | 101 |
| 102 Set a keyframe key with an out-of-range value | 102 Set a keyframe key with an out-of-range value |
| 103 PASS rules11.item(0).keyText = "40%, -50%, 60%"; threw exception SyntaxError: Fa
iled to set the 'keyText' property on 'CSSKeyframeRule': The key '40%, -50%, 60%
' is invalid and cannot be parsed. | 103 PASS rules11.item(0).keyText = "40%, -50%, 60%"; threw exception SyntaxError: Fa
iled to set the 'keyText' property on 'CSSKeyframeRule': The key '40%, -50%, 60%
' is invalid and cannot be parsed. |
| 104 PASS rules11.length is 2 | 104 PASS rules11.length is 2 |
| 105 PASS rules11.item(0).type is window.CSSRule.WEBKIT_KEYFRAME_RULE | 105 PASS rules11.item(0).type is window.CSSRule.KEYFRAME_RULE |
| 106 PASS rules11.item(0).keyText is '0%' | 106 PASS rules11.item(0).keyText is '0%' |
| 107 PASS rules11.item(1).keyText is '90%, 100%' | 107 PASS rules11.item(1).keyText is '90%, 100%' |
| 108 | 108 |
| 109 Set a keyframe key with an invalid value | 109 Set a keyframe key with an invalid value |
| 110 PASS rules12.item(0).keyText = "foo"; threw exception SyntaxError: Failed to set
the 'keyText' property on 'CSSKeyframeRule': The key 'foo' is invalid and canno
t be parsed. | 110 PASS rules12.item(0).keyText = "foo"; threw exception SyntaxError: Failed to set
the 'keyText' property on 'CSSKeyframeRule': The key 'foo' is invalid and canno
t be parsed. |
| 111 PASS rules12.length is 2 | 111 PASS rules12.length is 2 |
| 112 PASS rules12.item(0).type is window.CSSRule.WEBKIT_KEYFRAME_RULE | 112 PASS rules12.item(0).type is window.CSSRule.KEYFRAME_RULE |
| 113 PASS rules12.item(0).keyText is '0%' | 113 PASS rules12.item(0).keyText is '0%' |
| 114 PASS rules12.item(1).keyText is '90%, 100%' | 114 PASS rules12.item(1).keyText is '90%, 100%' |
| 115 | 115 |
| 116 Set a keyframe key with a null value | 116 Set a keyframe key with a null value |
| 117 PASS rules13.item(0).keyText = null; threw exception SyntaxError: Failed to set
the 'keyText' property on 'CSSKeyframeRule': The key 'null' is invalid and canno
t be parsed. | 117 PASS rules13.item(0).keyText = null; threw exception SyntaxError: Failed to set
the 'keyText' property on 'CSSKeyframeRule': The key 'null' is invalid and canno
t be parsed. |
| 118 PASS rules13.length is 2 | 118 PASS rules13.length is 2 |
| 119 PASS rules13.item(0).type is window.CSSRule.WEBKIT_KEYFRAME_RULE | 119 PASS rules13.item(0).type is window.CSSRule.KEYFRAME_RULE |
| 120 PASS rules13.item(0).keyText is '0%' | 120 PASS rules13.item(0).keyText is '0%' |
| 121 PASS rules13.item(1).keyText is '90%, 100%' | 121 PASS rules13.item(1).keyText is '90%, 100%' |
| 122 PASS successfullyParsed is true | 122 PASS successfullyParsed is true |
| 123 | 123 |
| 124 TEST COMPLETE | 124 TEST COMPLETE |
| 125 | 125 |
| OLD | NEW |