[Web Animations] Expose Web Animations CSS integration as an experimental feature
[WebKit-https.git] / LayoutTests / animations / unprefixed-keyframes-rule-expected.txt
1 This tests unprefixed @keyframes parsing and the CSSKeyframeRule and CSSKeyframesRule interfaces.
2
3 On success, you will see a series of "PASS" messages, followed by "TEST COMPLETE".
4
5
6 PASS CSSKeyframeRule exists on Window object
7 PASS CSSKeyframesRule exists on Window object
8 PASS KEYFRAME_RULE exists on Window.CSSRule object
9 PASS KEYFRAMES_RULE exists on Window.CSSRule object
10
11 Check that the old values still work.
12 PASS window.CSSRule.KEYFRAME_RULE is window.CSSRule.WEBKIT_KEYFRAME_RULE
13 PASS window.CSSRule.KEYFRAMES_RULE is window.CSSRule.WEBKIT_KEYFRAMES_RULE
14
15 PASS keyframes1.type is window.CSSRule.KEYFRAMES_RULE
16 PASS keyframes1.name is 'test1'
17
18 PASS rules1.length is 2
19 PASS rules1.item(0).type is window.CSSRule.KEYFRAME_RULE
20 PASS rules1.item(0).cssText is '0% { left: 10px; }'
21 PASS rules1.item(1).cssText is '100% { left: 20px; }'
22
23 Insert three new rules
24 PASS rules1.length is 5
25 PASS rules1.item(0).cssText is '0% { left: 10px; }'
26 PASS rules1.item(1).cssText is '100% { left: 20px; }'
27 PASS rules1.item(2).cssText is '30% { left: 30px; }'
28 PASS rules1.item(3).cssText is '60% { left: 60px; }'
29 PASS rules1.item(4).cssText is '20% { left: 50px; }'
30
31 PASS keyframes2.type is window.CSSRule.KEYFRAMES_RULE
32 PASS keyframes2.name is 'test2'
33
34 PASS rules2.length is 3
35 PASS rules2.item(0).type is window.CSSRule.KEYFRAME_RULE
36 PASS rules2.item(0).keyText is '0%'
37 PASS rules2.item(1).keyText is '50%'
38 PASS rules2.item(2).keyText is '100%'
39 PASS rules2.item(0).cssText is '0% { left: 10px; }'
40 PASS rules2.item(1).cssText is '50% { left: 30px; }'
41 PASS rules2.item(2).cssText is '100% { left: 20px; }'
42
43 PASS rules2.item(0).style is an instance of CSSStyleDeclaration
44 PASS rules2.item(0).style.length is 1
45
46 Find a rule
47 PASS rule.type is window.CSSRule.KEYFRAME_RULE
48 PASS rule.cssText is '50% { left: 30px; }'
49
50 Find a rule using from and to
51 PASS keyframesFromTo.type is window.CSSRule.KEYFRAMES_RULE
52 PASS rule.type is window.CSSRule.KEYFRAME_RULE
53 PASS rule.cssText is '0% { left: 10px; }'
54 PASS rule.type is window.CSSRule.KEYFRAME_RULE
55 PASS rule.cssText is '100% { left: 20px; }'
56
57 Try to find a rule that doesn't exist
58 PASS Non-existent rule was not found
59
60 Try to find a rule using a malformed key
61 PASS rule is null
62
63 Delete a rule
64 PASS rules2.length is 2
65 PASS rules2.item(0).type is window.CSSRule.KEYFRAME_RULE
66 PASS rules2.item(0).keyText is '0%'
67 PASS rules2.item(1).keyText is '100%'
68
69 Delete a from rule
70 PASS rulesFromTo.length is 2
71 PASS rulesFromTo.item(0).type is window.CSSRule.KEYFRAME_RULE
72 PASS rulesFromTo.item(0).keyText is '50%'
73 PASS rulesFromTo.item(1).keyText is '100%'
74
75 Delete a rule that doesn't exist
76 PASS rules2.length is 2
77 PASS rules2.item(0).type is window.CSSRule.KEYFRAME_RULE
78 PASS rules2.item(0).keyText is '0%'
79 PASS rules2.item(1).keyText is '100%'
80
81 findRule matching order: from last to first specified
82 PASS keyframesFindLast.type is window.CSSRule.KEYFRAMES_RULE
83 PASS keyframesFindLast.name is 'test-find-last'
84 PASS rule.type is window.CSSRule.KEYFRAME_RULE
85 PASS rule.cssText is '10% { left: 10px; }'
86 PASS rule.type is window.CSSRule.KEYFRAME_RULE
87 PASS rule.cssText is '10% { left: 10px; }'
88 PASS rule.type is window.CSSRule.KEYFRAME_RULE
89 FAIL rule.cssText should be 10%,20%  { left: 10px; }. Was 10%,20% { left: 1020px; }.
90 PASS rule.type is window.CSSRule.KEYFRAME_RULE
91 FAIL rule.cssText should be 10%,20%  { left: 10px; }. Was 10%,20% { left: 1020px; }.
92 PASS rule is null
93 PASS rule.type is window.CSSRule.KEYFRAME_RULE
94 PASS rule.cssText is '0% { left: 0px; }'
95 PASS rule.type is window.CSSRule.KEYFRAME_RULE
96 PASS rule.cssText is '100% { left: 100px; }'
97
98 deleteRule matching order: from last to first specified
99 PASS keyframesDeleteLast.type is window.CSSRule.KEYFRAMES_RULE
100 PASS keyframesDeleteLast.name is 'test-delete-last'
101 PASS rulesDeleteLast.length is 8
102 PASS rulesDeleteLast.length is 7
103 PASS rule.type is window.CSSRule.KEYFRAME_RULE
104 PASS rule.cssText is '10% { left: 10px; }'
105 PASS rulesDeleteLast.length is 6
106 PASS rule.type is window.CSSRule.KEYFRAME_RULE
107 PASS rule.cssText is '10%,20% { left: 1020px; }'
108 PASS rulesDeleteLast.length is 6
109 PASS rulesDeleteLast.length is 5
110 PASS rule.type is window.CSSRule.KEYFRAME_RULE
111 PASS rule.cssText is '0% { left: 0px; }'
112 PASS rulesDeleteLast.length is 4
113 PASS rule.type is window.CSSRule.KEYFRAME_RULE
114 PASS rule.cssText is '100% { left: 100px; }'
115
116 PASS successfullyParsed is true
117
118 TEST COMPLETE
119