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 |