| OLD | NEW |
| (Empty) |
| 1 This tests the WebKitCSSKeyframeRule and WebKitCSSKeyframesRule interfaces. | |
| 2 | |
| 3 On success, you will see a series of "PASS" messages, followed by "TEST COMPLETE
". | |
| 4 | |
| 5 | |
| 6 PASS WebKitCSSKeyframeRule exists on Window object | |
| 7 PASS WebKitCSSKeyframesRule exists on Window object | |
| 8 PASS WEBKIT_KEYFRAME_RULE exists on Window.CSSRule object | |
| 9 PASS WEBKIT_KEYFRAMES_RULE exists on Window.CSSRule object | |
| 10 | |
| 11 PASS keyframes1.type is window.CSSRule.WEBKIT_KEYFRAMES_RULE | |
| 12 PASS keyframes1.name is 'test1' | |
| 13 | |
| 14 PASS rules1.length is 2 | |
| 15 PASS rules1.item(0).type is window.CSSRule.WEBKIT_KEYFRAME_RULE | |
| 16 PASS rules1.item(0).cssText is '0% { left: 10px; }' | |
| 17 PASS rules1.item(1).cssText is '100% { left: 20px; }' | |
| 18 | |
| 19 Insert three new rules | |
| 20 PASS rules1.length is 5 | |
| 21 PASS rules1.item(0).cssText is '0% { left: 10px; }' | |
| 22 PASS rules1.item(1).cssText is '100% { left: 20px; }' | |
| 23 PASS rules1.item(2).cssText is '30% { left: 30px; }' | |
| 24 PASS rules1.item(3).cssText is '60% { left: 60px; }' | |
| 25 PASS rules1.item(4).cssText is '20% { left: 50px; }' | |
| 26 | |
| 27 PASS keyframes2.type is window.CSSRule.WEBKIT_KEYFRAMES_RULE | |
| 28 PASS keyframes2.name is 'test2' | |
| 29 | |
| 30 PASS rules2.length is 3 | |
| 31 PASS rules2.item(0).type is window.CSSRule.WEBKIT_KEYFRAME_RULE | |
| 32 PASS rules2.item(0).keyText is '0%' | |
| 33 PASS rules2.item(1).keyText is '50%' | |
| 34 PASS rules2.item(2).keyText is '100%' | |
| 35 PASS rules2.item(0).cssText is '0% { left: 10px; }' | |
| 36 PASS rules2.item(1).cssText is '50% { left: 30px; }' | |
| 37 PASS rules2.item(2).cssText is '100% { left: 20px; }' | |
| 38 | |
| 39 PASS typeof(rules2.item(0).style) is typeof(CSSStyleDeclaration) | |
| 40 PASS rules2.item(0).style.length is 1 | |
| 41 | |
| 42 Find a rule | |
| 43 PASS rule.type is window.CSSRule.WEBKIT_KEYFRAME_RULE | |
| 44 PASS rule.cssText is '50% { left: 30px; }' | |
| 45 | |
| 46 Find a rule using from and to | |
| 47 PASS keyframesFromTo.type is window.CSSRule.WEBKIT_KEYFRAMES_RULE | |
| 48 PASS rule.type is window.CSSRule.WEBKIT_KEYFRAME_RULE | |
| 49 PASS rule.cssText is '0% { left: 10px; }' | |
| 50 PASS rule.type is window.CSSRule.WEBKIT_KEYFRAME_RULE | |
| 51 PASS rule.cssText is '100% { left: 20px; }' | |
| 52 | |
| 53 Try to find a rule that doesn't exist | |
| 54 PASS Non-existent rule was not found | |
| 55 | |
| 56 Delete a rule | |
| 57 PASS rules2.length is 2 | |
| 58 PASS rules2.item(0).type is window.CSSRule.WEBKIT_KEYFRAME_RULE | |
| 59 PASS rules2.item(0).keyText is '0%' | |
| 60 PASS rules2.item(1).keyText is '100%' | |
| 61 | |
| 62 Delete a from rule | |
| 63 PASS rulesFromTo.length is 2 | |
| 64 PASS rulesFromTo.item(0).type is window.CSSRule.WEBKIT_KEYFRAME_RULE | |
| 65 PASS rulesFromTo.item(0).keyText is '50%' | |
| 66 PASS rulesFromTo.item(1).keyText is '100%' | |
| 67 | |
| 68 Delete a rule that doesn't exist | |
| 69 PASS rules2.length is 2 | |
| 70 PASS rules2.item(0).type is window.CSSRule.WEBKIT_KEYFRAME_RULE | |
| 71 PASS rules2.item(0).keyText is '0%' | |
| 72 PASS rules2.item(1).keyText is '100%' | |
| 73 | |
| 74 PASS successfullyParsed is true | |
| 75 | |
| 76 TEST COMPLETE | |
| 77 | |
| OLD | NEW |