OLD | NEW |
1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
2 <html> | 2 <html> |
3 <script src="../../resources/js-test.js"></script> | 3 <script src="../../resources/js-test.js"></script> |
4 <div id="test"> </div> | 4 <div id="test"> </div> |
5 <script> | 5 <script> |
6 description("Tests background shortand property with background-size"); | 6 description("Tests background shortand property with background-size"); |
7 | 7 |
8 var e = document.getElementById('test'); | 8 var e = document.getElementById('test'); |
9 var computedStyle = window.getComputedStyle(e, null); | 9 var computedStyle = window.getComputedStyle(e, null); |
10 | 10 |
(...skipping 87 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
98 shouldBeEqualToString("e.style.background", 'left top / 50%'); | 98 shouldBeEqualToString("e.style.background", 'left top / 50%'); |
99 shouldBeEqualToString("e.style.backgroundSize", '50%'); | 99 shouldBeEqualToString("e.style.backgroundSize", '50%'); |
100 shouldBe("checkStyle()", "true"); | 100 shouldBe("checkStyle()", "true"); |
101 shouldBeEqualToString('computedStyle.getPropertyValue("background")', 'rgba(0, 0
, 0, 0) none repeat scroll 0% 0% / 50% padding-box border-box'); | 101 shouldBeEqualToString('computedStyle.getPropertyValue("background")', 'rgba(0, 0
, 0, 0) none repeat scroll 0% 0% / 50% padding-box border-box'); |
102 shouldBeEqualToString('computedStyle.getPropertyValue("background-size")', '50%'
); | 102 shouldBeEqualToString('computedStyle.getPropertyValue("background-size")', '50%'
); |
103 shouldBe("checkComputedStyleValue()", "true"); | 103 shouldBe("checkComputedStyleValue()", "true"); |
104 debug("") | 104 debug("") |
105 | 105 |
106 e.style.background = "red fixed"; | 106 e.style.background = "red fixed"; |
107 shouldBeEqualToString("e.style.background", 'fixed red'); | 107 shouldBeEqualToString("e.style.background", 'fixed red'); |
108 shouldBeEqualToString("e.style.backgroundSize", 'initial'); | 108 shouldBeEqualToString("e.style.backgroundSize", 'auto'); |
109 shouldBe("checkStyle()", "true"); | 109 shouldBe("checkStyle()", "true"); |
110 shouldBeEqualToString('computedStyle.getPropertyValue("background")', 'rgb(255,
0, 0) none repeat fixed 0% 0% / auto padding-box border-box'); | 110 shouldBeEqualToString('computedStyle.getPropertyValue("background")', 'rgb(255,
0, 0) none repeat fixed 0% 0% / auto padding-box border-box'); |
111 shouldBeEqualToString('computedStyle.getPropertyValue("background-size")', 'auto
'); | 111 shouldBeEqualToString('computedStyle.getPropertyValue("background-size")', 'auto
'); |
112 shouldBe("checkComputedStyleValue()", "true"); | 112 shouldBe("checkComputedStyleValue()", "true"); |
113 debug("") | 113 debug("") |
114 | 114 |
115 e.style.background = ""; | 115 e.style.background = ""; |
116 e.style.background = 'red / cover url("dummy://test.png") repeat'; | 116 e.style.background = 'red / cover url("dummy://test.png") repeat'; |
117 shouldBeEqualToString("e.style.background", ''); | 117 shouldBeEqualToString("e.style.background", ''); |
118 shouldBeEqualToString("e.style.backgroundSize", ''); | 118 shouldBeEqualToString("e.style.backgroundSize", ''); |
(...skipping 18 matching lines...) Expand all Loading... |
137 shouldBeEqualToString("e.style.background", ''); | 137 shouldBeEqualToString("e.style.background", ''); |
138 shouldBeEqualToString("e.style.backgroundSize", ''); | 138 shouldBeEqualToString("e.style.backgroundSize", ''); |
139 shouldBe("checkStyle()", "true"); | 139 shouldBe("checkStyle()", "true"); |
140 shouldBeEqualToString('computedStyle.getPropertyValue("background")', 'rgba(0, 0
, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box'); | 140 shouldBeEqualToString('computedStyle.getPropertyValue("background")', 'rgba(0, 0
, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box'); |
141 shouldBeEqualToString('computedStyle.getPropertyValue("background-size")', 'auto
'); | 141 shouldBeEqualToString('computedStyle.getPropertyValue("background-size")', 'auto
'); |
142 shouldBe("checkComputedStyleValue()", "true"); | 142 shouldBe("checkComputedStyleValue()", "true"); |
143 debug("") | 143 debug("") |
144 </script> | 144 </script> |
145 </body> | 145 </body> |
146 </html> | 146 </html> |
OLD | NEW |