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 |