Modified: trunk/LayoutTests/fast/backgrounds/background-shorthand-with-backgroundSize-style.html (117640 => 117641)
--- trunk/LayoutTests/fast/backgrounds/background-shorthand-with-backgroundSize-style.html 2012-05-18 22:09:51 UTC (rev 117640)
+++ trunk/LayoutTests/fast/backgrounds/background-shorthand-with-backgroundSize-style.html 2012-05-18 22:15:12 UTC (rev 117641)
@@ -3,126 +3,126 @@
<script src=""
<div id="test"> </div>
<script>
- description("Tests background shortand property with background-size");
+description("Tests background shortand property with background-size");
- var e = document.getElementById('test');
- var computedStyle = window.getComputedStyle(e, null);
+var e = document.getElementById('test');
+var computedStyle = window.getComputedStyle(e, null);
- function checkStyle() {
- var before = e.style.background;
- e.style.background = '';
- e.style.background = ""
- return (e.style.background == before);
- }
+function checkStyle() {
+ var before = e.style.background;
+ e.style.background = '';
+ e.style.background = ""
+ return (e.style.background == before);
+}
- function checkComputedStyleValue() {
- var before = window.getComputedStyle(e, null).getPropertyValue('background');
- e.style.background = '';
- e.style.background = ""
- return (window.getComputedStyle(e, null).getPropertyValue('background') == before);
- }
+function checkComputedStyleValue() {
+ var before = window.getComputedStyle(e, null).getPropertyValue('background');
+ e.style.background = '';
+ e.style.background = ""
+ return (window.getComputedStyle(e, null).getPropertyValue('background') == before);
+}
- e.style.background = "" / cover red url(dummy://test.png) no-repeat border-box";
- shouldBe("e.style.background", "'red url(dummy://test.png) no-repeat border-box border-box 50% 50% / cover'");
- shouldBe("e.style.backgroundSize", "'cover'");
- shouldBe("checkStyle()", "true");
- shouldBe('computedStyle.getPropertyValue("background")', "'rgb(255, 0, 0) url(dummy://test.png) no-repeat scroll 50% 50% / cover'");
- shouldBe('computedStyle.getPropertyValue("background-size")', "'cover'");
- shouldBe("checkComputedStyleValue()", "true");
- debug("")
+e.style.background = "" / cover red url(dummy://test.png) no-repeat border-box";
+shouldBe("e.style.background", "'red url(dummy://test.png) no-repeat border-box border-box 50% 50% / cover'");
+shouldBe("e.style.backgroundSize", "'cover'");
+shouldBe("checkStyle()", "true");
+shouldBe('computedStyle.getPropertyValue("background")', "'rgb(255, 0, 0) url(dummy://test.png) no-repeat scroll 50% 50% / cover'");
+shouldBe('computedStyle.getPropertyValue("background-size")', "'cover'");
+shouldBe("checkComputedStyleValue()", "true");
+debug("")
- e.style.background = "" 20px / contain url(dummy://test.png) no-repeat padding-box";
- shouldBe("e.style.background", "'red url(dummy://test.png) no-repeat padding-box padding-box 20px 50% / contain'");
- shouldBe("e.style.backgroundSize", "'contain'");
- shouldBe("checkStyle()", "true");
- shouldBe('computedStyle.getPropertyValue("background")', "'rgb(255, 0, 0) url(dummy://test.png) no-repeat scroll 20px 50% / contain'");
- shouldBe('computedStyle.getPropertyValue("background-size")', "'contain'");
- shouldBe("checkComputedStyleValue()", "true");
- debug("")
+e.style.background = "" 20px / contain url(dummy://test.png) no-repeat padding-box";
+shouldBe("e.style.background", "'red url(dummy://test.png) no-repeat padding-box padding-box 20px 50% / contain'");
+shouldBe("e.style.backgroundSize", "'contain'");
+shouldBe("checkStyle()", "true");
+shouldBe('computedStyle.getPropertyValue("background")', "'rgb(255, 0, 0) url(dummy://test.png) no-repeat scroll 20px 50% / contain'");
+shouldBe('computedStyle.getPropertyValue("background-size")', "'contain'");
+shouldBe("checkComputedStyleValue()", "true");
+debug("")
- e.style.background = "" url(dummy://test.png) 50px 60px / 50% 75% no-repeat";
- shouldBe("e.style.background", "'red url(dummy://test.png) no-repeat 50px 60px / 50% 75%'");
- shouldBe("e.style.backgroundSize", "'50% 75%'");
- shouldBe("checkStyle()", "true");
- shouldBe('computedStyle.getPropertyValue("background")', "'rgb(255, 0, 0) url(dummy://test.png) no-repeat scroll 50px 60px / 50% 75%'");
- shouldBe('computedStyle.getPropertyValue("background-size")', "'50% 75%'");
- shouldBe("checkComputedStyleValue()", "true");
- debug("")
+e.style.background = "" url(dummy://test.png) 50px 60px / 50% 75% no-repeat";
+shouldBe("e.style.background", "'red url(dummy://test.png) no-repeat 50px 60px / 50% 75%'");
+shouldBe("e.style.backgroundSize", "'50% 75%'");
+shouldBe("checkStyle()", "true");
+shouldBe('computedStyle.getPropertyValue("background")', "'rgb(255, 0, 0) url(dummy://test.png) no-repeat scroll 50px 60px / 50% 75%'");
+shouldBe('computedStyle.getPropertyValue("background-size")', "'50% 75%'");
+shouldBe("checkComputedStyleValue()", "true");
+debug("")
- e.style.background = "" url(dummy://test.png) repeat top left / 100px 200px border-box border-box";
- shouldBe("e.style.background", "'red url(dummy://test.png) repeat border-box border-box 0% 0% / 100px 200px'");
- shouldBe("e.style.backgroundSize", "'100px 200px'");
- shouldBe("checkStyle()", "true");
- shouldBe('computedStyle.getPropertyValue("background")', "'rgb(255, 0, 0) url(dummy://test.png) repeat scroll 0% 0% / 100px 200px'");
- shouldBe('computedStyle.getPropertyValue("background-size")', "'100px 200px'");
- shouldBe("checkComputedStyleValue()", "true");
- debug("")
+e.style.background = "" url(dummy://test.png) repeat top left / 100px 200px border-box border-box";
+shouldBe("e.style.background", "'red url(dummy://test.png) repeat border-box border-box 0% 0% / 100px 200px'");
+shouldBe("e.style.backgroundSize", "'100px 200px'");
+shouldBe("checkStyle()", "true");
+shouldBe('computedStyle.getPropertyValue("background")', "'rgb(255, 0, 0) url(dummy://test.png) repeat scroll 0% 0% / 100px 200px'");
+shouldBe('computedStyle.getPropertyValue("background-size")', "'100px 200px'");
+shouldBe("checkComputedStyleValue()", "true");
+debug("")
- e.style.background = "" url(dummy://test.png) repeat 50% / auto auto content-box content-box";
- shouldBe("e.style.background", "'red url(dummy://test.png) repeat content-box content-box 50% 50% / auto'");
- shouldBe("e.style.backgroundSize", "'auto'");
- shouldBe("checkStyle()", "true");
- shouldBe('computedStyle.getPropertyValue("background")', "'rgb(255, 0, 0) url(dummy://test.png) repeat scroll 50% 50% / auto'");
- shouldBe('computedStyle.getPropertyValue("background-size")', "'auto'");
- shouldBe("checkComputedStyleValue()", "true");
- debug("")
+e.style.background = "" url(dummy://test.png) repeat 50% / auto auto content-box content-box";
+shouldBe("e.style.background", "'red url(dummy://test.png) repeat content-box content-box 50% 50% / auto'");
+shouldBe("e.style.backgroundSize", "'auto'");
+shouldBe("checkStyle()", "true");
+shouldBe('computedStyle.getPropertyValue("background")', "'rgb(255, 0, 0) url(dummy://test.png) repeat scroll 50% 50% / auto'");
+shouldBe('computedStyle.getPropertyValue("background-size")', "'auto'");
+shouldBe("checkComputedStyleValue()", "true");
+debug("")
- e.style.background = "" red 50px 60px / 50% no-repeat fixed";
- shouldBe("e.style.background", "'red url(dummy://test.png) no-repeat fixed 50px 60px / 50%'");
- shouldBe("e.style.backgroundSize", "'50%'");
- shouldBe("checkStyle()", "true");
- shouldBe('computedStyle.getPropertyValue("background")', "'rgb(255, 0, 0) url(dummy://test.png) no-repeat fixed 50px 60px / 50%'");
- shouldBe('computedStyle.getPropertyValue("background-size")', "'50%'");
- shouldBe("checkComputedStyleValue()", "true");
- debug("")
+e.style.background = "" red 50px 60px / 50% no-repeat fixed";
+shouldBe("e.style.background", "'red url(dummy://test.png) no-repeat fixed 50px 60px / 50%'");
+shouldBe("e.style.backgroundSize", "'50%'");
+shouldBe("checkStyle()", "true");
+shouldBe('computedStyle.getPropertyValue("background")', "'rgb(255, 0, 0) url(dummy://test.png) no-repeat fixed 50px 60px / 50%'");
+shouldBe('computedStyle.getPropertyValue("background-size")', "'50%'");
+shouldBe("checkComputedStyleValue()", "true");
+debug("")
- e.style.background = "" repeat scroll padding-box padding-box top left / 100px url(dummy://test.png)";
- shouldBe("e.style.background", "'red url(dummy://test.png) repeat scroll padding-box padding-box 0% 0% / 100px'");
- shouldBe("e.style.backgroundSize", "'100px'");
- shouldBe("checkStyle()", "true");
- shouldBe('computedStyle.getPropertyValue("background")', "'rgb(255, 0, 0) url(dummy://test.png) repeat scroll 0% 0% / 100px'");
- shouldBe('computedStyle.getPropertyValue("background-size")', "'100px'");
- shouldBe("checkComputedStyleValue()", "true");
- debug("")
+e.style.background = "" repeat scroll padding-box padding-box top left / 100px url(dummy://test.png)";
+shouldBe("e.style.background", "'red url(dummy://test.png) repeat scroll padding-box padding-box 0% 0% / 100px'");
+shouldBe("e.style.backgroundSize", "'100px'");
+shouldBe("checkStyle()", "true");
+shouldBe('computedStyle.getPropertyValue("background")', "'rgb(255, 0, 0) url(dummy://test.png) repeat scroll 0% 0% / 100px'");
+shouldBe('computedStyle.getPropertyValue("background-size")', "'100px'");
+shouldBe("checkComputedStyleValue()", "true");
+debug("")
- e.style.background = "" / auto fixed url(dummy://test.png) repeat content-box red";
- shouldBe("e.style.background", "'red url(dummy://test.png) repeat fixed content-box content-box 50% 50% / auto'");
- shouldBe("e.style.backgroundSize", "'auto'");
- shouldBe("checkStyle()", "true");
- shouldBe('computedStyle.getPropertyValue("background")', "'rgb(255, 0, 0) url(dummy://test.png) repeat fixed 50% 50% / auto'");
- shouldBe('computedStyle.getPropertyValue("background-size")', "'auto'");
- shouldBe("checkComputedStyleValue()", "true");
- debug("")
+e.style.background = "" / auto fixed url(dummy://test.png) repeat content-box red";
+shouldBe("e.style.background", "'red url(dummy://test.png) repeat fixed content-box content-box 50% 50% / auto'");
+shouldBe("e.style.backgroundSize", "'auto'");
+shouldBe("checkStyle()", "true");
+shouldBe('computedStyle.getPropertyValue("background")', "'rgb(255, 0, 0) url(dummy://test.png) repeat fixed 50% 50% / auto'");
+shouldBe('computedStyle.getPropertyValue("background-size")', "'auto'");
+shouldBe("checkComputedStyleValue()", "true");
+debug("")
- e.style.background = ""
- e.style.background = "" / cover url(dummy://test.png) repeat";
- shouldBe("e.style.background", "''");
- shouldBe("e.style.backgroundSize", "''");
- shouldBe("checkStyle()", "true");
- shouldBe('computedStyle.getPropertyValue("background")', "'rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto'");
- shouldBe('computedStyle.getPropertyValue("background-size")', "'auto'");
- shouldBe("checkComputedStyleValue()", "true");
- debug("")
+e.style.background = ""
+e.style.background = "" / cover url(dummy://test.png) repeat";
+shouldBe("e.style.background", "''");
+shouldBe("e.style.backgroundSize", "''");
+shouldBe("checkStyle()", "true");
+shouldBe('computedStyle.getPropertyValue("background")', "'rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto'");
+shouldBe('computedStyle.getPropertyValue("background-size")', "'auto'");
+shouldBe("checkComputedStyleValue()", "true");
+debug("")
- e.style.background = ""
- e.style.background = "" url(dummy://test.png) repeat 25px / contain contain";
- shouldBe("e.style.background", "''");
- shouldBe("e.style.backgroundSize", "''");
- shouldBe("checkStyle()", "true");
- shouldBe('computedStyle.getPropertyValue("background")', "'rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto'");
- shouldBe('computedStyle.getPropertyValue("background-size")', "'auto'");
- shouldBe("checkComputedStyleValue()", "true");
- debug("")
+e.style.background = ""
+e.style.background = "" url(dummy://test.png) repeat 25px / contain contain";
+shouldBe("e.style.background", "''");
+shouldBe("e.style.backgroundSize", "''");
+shouldBe("checkStyle()", "true");
+shouldBe('computedStyle.getPropertyValue("background")', "'rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto'");
+shouldBe('computedStyle.getPropertyValue("background-size")', "'auto'");
+shouldBe("checkComputedStyleValue()", "true");
+debug("")
- e.style.background = ""
- e.style.background = "" top left / 100px cover url(dummy://test.png) repeat";
- shouldBe("e.style.background", "''");
- shouldBe("e.style.backgroundSize", "''");
- shouldBe("checkStyle()", "true");
- shouldBe('computedStyle.getPropertyValue("background")', "'rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto'");
- shouldBe('computedStyle.getPropertyValue("background-size")', "'auto'");
- shouldBe("checkComputedStyleValue()", "true");
- debug("")
+e.style.background = ""
+e.style.background = "" top left / 100px cover url(dummy://test.png) repeat";
+shouldBe("e.style.background", "''");
+shouldBe("e.style.backgroundSize", "''");
+shouldBe("checkStyle()", "true");
+shouldBe('computedStyle.getPropertyValue("background")', "'rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto'");
+shouldBe('computedStyle.getPropertyValue("background-size")', "'auto'");
+shouldBe("checkComputedStyleValue()", "true");
+debug("")
</script>
<script src=""
</body>