Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(192)

Issues Search
    My Issues | Starred     Open | Closed | All

Side by Side Diff: LayoutTests/animations/keyframes-rule.html

Issue 1153493002: Remove CSSKeyframesRule.insertRule() (Closed) Base URL: svn://svn.chromium.org/blink/trunk
Patch Set: tests Created 5 years, 7 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View unified diff | Download patch | Annotate | Revision Log
« no previous file with comments | « LayoutTests/animations/keyframes-missing-arguments-expected.txt ('k') | LayoutTests/animations/keyframes-rule-expected.txt » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
OLDNEW
1 <html> 1 <html>
2 <head> 2 <head>
3 <style type="text/css" media="screen"> 3 <style type="text/css" media="screen">
4 @-webkit-keyframes test1 { 4 @-webkit-keyframes test1 {
5 from { left: 10px; } 5 from { left: 10px; }
6 to { left: 20px; } 6 to { left: 20px; }
7 } 7 }
8 @-webkit-keyframes test2 { 8 @-webkit-keyframes test2 {
9 from { left: 10px; } 9 from { left: 10px; }
10 to { left: 20px; } 10 to { left: 20px; }
(...skipping 98 matching lines...) Expand 10 before | Expand all | Expand 10 after
109 109
110 var rules1 = keyframes1.cssRules; 110 var rules1 = keyframes1.cssRules;
111 shouldBe("rules1.length", "2"); 111 shouldBe("rules1.length", "2");
112 shouldBe("rules1.item(0).type", "window.CSSRule.WEBKIT_KEYFRAME_RULE"); 112 shouldBe("rules1.item(0).type", "window.CSSRule.WEBKIT_KEYFRAME_RULE");
113 shouldBe("rules1.item(0).cssText", "'0% { left: 10px; }'"); 113 shouldBe("rules1.item(0).cssText", "'0% { left: 10px; }'");
114 shouldBe("rules1.item(1).cssText", "'100% { left: 20px; }'"); 114 shouldBe("rules1.item(1).cssText", "'100% { left: 20px; }'");
115 115
116 debug(""); 116 debug("");
117 debug("Insert new rules"); 117 debug("Insert new rules");
118 118
119 keyframes1.insertRule("30% { left: 30px; }"); 119 keyframes1.appendRule("30% { left: 30px; }");
120 keyframes1.insertRule("60% { left: 60px; }"); 120 keyframes1.appendRule("60% { left: 60px; }");
121 keyframes1.insertRule("20% { left: 50px; }"); 121 keyframes1.appendRule("20% { left: 50px; }");
122 122
123 shouldBe("rules1.length", "5"); 123 shouldBe("rules1.length", "5");
124 shouldBe("rules1.item(0).cssText", "'0% { left: 10px; }'"); 124 shouldBe("rules1.item(0).cssText", "'0% { left: 10px; }'");
125 shouldBe("rules1.item(1).cssText", "'100% { left: 20px; }'"); 125 shouldBe("rules1.item(1).cssText", "'100% { left: 20px; }'");
126 shouldBe("rules1.item(2).cssText", "'30% { left: 30px; }'"); 126 shouldBe("rules1.item(2).cssText", "'30% { left: 30px; }'");
127 shouldBe("rules1.item(3).cssText", "'60% { left: 60px; }'"); 127 shouldBe("rules1.item(3).cssText", "'60% { left: 60px; }'");
128 shouldBe("rules1.item(4).cssText", "'20% { left: 50px; }'"); 128 shouldBe("rules1.item(4).cssText", "'20% { left: 50px; }'");
129 129
130 debug(""); 130 debug("");
131 debug("Insert invalid rules"); 131 debug("Insert invalid rules");
132 132
133 var keyframes2 = document.styleSheets.item(0).cssRules.item(1); 133 var keyframes2 = document.styleSheets.item(0).cssRules.item(1);
134 keyframes2.insertRule("foo"); 134 keyframes2.appendRule("foo");
135 keyframes2.insertRule("foo { left: 30px; }"); 135 keyframes2.appendRule("foo { left: 30px; }");
136 keyframes2.insertRule("-10% { left: 30px; }"); 136 keyframes2.appendRule("-10% { left: 30px; }");
137 keyframes2.insertRule("10% { left: 30px; }"); 137 keyframes2.appendRule("10% { left: 30px; }");
138 138
139 var rules2 = keyframes2.cssRules; 139 var rules2 = keyframes2.cssRules;
140 shouldBe("rules2.length", "6"); 140 shouldBe("rules2.length", "6");
141 shouldBe("rules2.item(5).cssText", "'10% { left: 30px; }'"); 141 shouldBe("rules2.item(5).cssText", "'10% { left: 30px; }'");
142 142
143 debug(""); 143 debug("");
144 debug("Keys"); 144 debug("Keys");
145 145
146 var keyframes3 = document.styleSheets.item(0).cssRules.item(2); 146 var keyframes3 = document.styleSheets.item(0).cssRules.item(2);
147 shouldBe("keyframes3.type", "window.CSSRule.WEBKIT_KEYFRAMES_RULE"); 147 shouldBe("keyframes3.type", "window.CSSRule.WEBKIT_KEYFRAMES_RULE");
(...skipping 142 matching lines...) Expand 10 before | Expand all | Expand 10 after
290 var rules13 = document.styleSheets.item(0).cssRules.item(12).cssRules; 290 var rules13 = document.styleSheets.item(0).cssRules.item(12).cssRules;
291 shouldThrow('rules13.item(0).keyText = null;'); 291 shouldThrow('rules13.item(0).keyText = null;');
292 shouldBe("rules13.length", "2"); 292 shouldBe("rules13.length", "2");
293 shouldBe("rules13.item(0).type", "window.CSSRule.WEBKIT_KEYFRAME_RULE"); 293 shouldBe("rules13.item(0).type", "window.CSSRule.WEBKIT_KEYFRAME_RULE");
294 shouldBe("rules13.item(0).keyText", "'0%'"); 294 shouldBe("rules13.item(0).keyText", "'0%'");
295 shouldBe("rules13.item(1).keyText", "'90%,100%'"); 295 shouldBe("rules13.item(1).keyText", "'90%,100%'");
296 296
297 </script> 297 </script>
298 </body> 298 </body>
299 </html> 299 </html>
OLDNEW
« no previous file with comments | « LayoutTests/animations/keyframes-missing-arguments-expected.txt ('k') | LayoutTests/animations/keyframes-rule-expected.txt » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698