| 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 |