|
23 | 23 | }
|
24 | 24 |
|
25 | 25 | e.style.background = "center / cover red url(dummy://test.png) no-repeat border-box";
|
26 |
| -shouldBe("e.style.background", "'red url(\"dummy://test.png\") center center / cover no-repeat border-box'"); |
| 26 | +shouldBe("e.style.background", "'url(\"dummy://test.png\") center center / cover no-repeat border-box red'"); |
27 | 27 | shouldBe("e.style.backgroundSize", "'cover'");
|
28 | 28 | shouldBe("checkStyle()", "true");
|
29 | 29 | shouldBe('computedStyle.getPropertyValue("background")', "'rgb(255, 0, 0) url(\"dummy://test.png\") no-repeat scroll 50% 50% / cover border-box border-box'");
|
|
32 | 32 | debug("")
|
33 | 33 |
|
34 | 34 | e.style.background = "red 20px / contain url(dummy://test.png) no-repeat padding-box";
|
35 |
| -shouldBe("e.style.background", "'red url(\"dummy://test.png\") 20px center / contain no-repeat padding-box'"); |
| 35 | +shouldBe("e.style.background", "'url(\"dummy://test.png\") 20px center / contain no-repeat padding-box red'"); |
36 | 36 | shouldBe("e.style.backgroundSize", "'contain'");
|
37 | 37 | shouldBe("checkStyle()", "true");
|
38 | 38 | shouldBe('computedStyle.getPropertyValue("background")', "'rgb(255, 0, 0) url(\"dummy://test.png\") no-repeat scroll 20px 50% / contain padding-box padding-box'");
|
|
41 | 41 | debug("")
|
42 | 42 |
|
43 | 43 | e.style.background = "red url(dummy://test.png) 50px 60px / 50% 75% no-repeat";
|
44 |
| -shouldBe("e.style.background", "'red url(\"dummy://test.png\") 50px 60px / 50% 75% no-repeat'"); |
| 44 | +shouldBe("e.style.background", "'url(\"dummy://test.png\") 50px 60px / 50% 75% no-repeat red'"); |
45 | 45 | shouldBe("e.style.backgroundSize", "'50% 75%'");
|
46 | 46 | shouldBe("checkStyle()", "true");
|
47 | 47 | shouldBe('computedStyle.getPropertyValue("background")', "'rgb(255, 0, 0) url(\"dummy://test.png\") no-repeat scroll 50px 60px / 50% 75% padding-box border-box'");
|
|
50 | 50 | debug("")
|
51 | 51 |
|
52 | 52 | e.style.background = "red url(dummy://test.png) repeat top left / 100px 200px border-box content-box";
|
53 |
| -shouldBe("e.style.background", "'red url(\"dummy://test.png\") left top / 100px 200px repeat border-box content-box'"); |
| 53 | +shouldBe("e.style.background", "'url(\"dummy://test.png\") left top / 100px 200px repeat border-box content-box red'"); |
54 | 54 | shouldBe("e.style.backgroundSize", "'100px 200px'");
|
55 | 55 | shouldBe("checkStyle()", "true");
|
56 | 56 | shouldBe('computedStyle.getPropertyValue("background")', "'rgb(255, 0, 0) url(\"dummy://test.png\") repeat scroll 0% 0% / 100px 200px border-box content-box'");
|
|
59 | 59 | debug("")
|
60 | 60 |
|
61 | 61 | e.style.background = "red url(dummy://test.png) repeat 50% / auto auto content-box padding-box";
|
62 |
| -shouldBe("e.style.background", "'red url(\"dummy://test.png\") 50% repeat content-box padding-box'"); |
| 62 | +shouldBe("e.style.background", "'url(\"dummy://test.png\") 50% repeat content-box padding-box red'"); |
63 | 63 | shouldBe("e.style.backgroundSize", "'auto'");
|
64 | 64 | shouldBe("checkStyle()", "true");
|
65 | 65 | shouldBe('computedStyle.getPropertyValue("background")', "'rgb(255, 0, 0) url(\"dummy://test.png\") repeat scroll 50% 50% / auto content-box padding-box'");
|
|
68 | 68 | debug("")
|
69 | 69 |
|
70 | 70 | e.style.background = "url(dummy://test.png) red 50px 60px / 50% no-repeat fixed";
|
71 |
| -shouldBe("e.style.background", "'red url(\"dummy://test.png\") 50px 60px / 50% auto no-repeat fixed'"); |
| 71 | +shouldBe("e.style.background", "'url(\"dummy://test.png\") 50px 60px / 50% auto no-repeat fixed red'"); |
72 | 72 | shouldBe("e.style.backgroundSize", "'50% auto'");
|
73 | 73 | shouldBe("checkStyle()", "true");
|
74 | 74 | shouldBe('computedStyle.getPropertyValue("background")', "'rgb(255, 0, 0) url(\"dummy://test.png\") no-repeat fixed 50px 60px / 50% auto padding-box border-box'");
|
|
77 | 77 | debug("")
|
78 | 78 |
|
79 | 79 | e.style.background = "red repeat scroll padding-box border-box top left / 100px url(dummy://test.png)";
|
80 |
| -shouldBe("e.style.background", "'red url(\"dummy://test.png\") left top / 100px auto repeat'"); |
| 80 | +shouldBe("e.style.background", "'url(\"dummy://test.png\") left top / 100px auto repeat red'"); |
81 | 81 | shouldBe("e.style.backgroundSize", "'100px auto'");
|
82 | 82 | shouldBe("checkStyle()", "true");
|
83 | 83 | shouldBe('computedStyle.getPropertyValue("background")', "'rgb(255, 0, 0) url(\"dummy://test.png\") repeat scroll 0% 0% / 100px auto padding-box border-box'");
|
|
86 | 86 | debug("")
|
87 | 87 |
|
88 | 88 | e.style.background = "50% / auto fixed url(dummy://test.png) repeat content-box red";
|
89 |
| -shouldBe("e.style.background", "'red url(\"dummy://test.png\") 50% repeat fixed content-box'"); |
| 89 | +shouldBe("e.style.background", "'url(\"dummy://test.png\") 50% repeat fixed content-box red'"); |
90 | 90 | shouldBe("e.style.backgroundSize", "'auto'");
|
91 | 91 | shouldBe("checkStyle()", "true");
|
92 | 92 | shouldBe('computedStyle.getPropertyValue("background")', "'rgb(255, 0, 0) url(\"dummy://test.png\") repeat fixed 50% 50% / auto content-box content-box'");
|
|
104 | 104 | debug("")
|
105 | 105 |
|
106 | 106 | e.style.background = "red fixed";
|
107 |
| -shouldBe("e.style.background", "'red fixed'"); |
| 107 | +shouldBe("e.style.background", "'fixed red'"); |
108 | 108 | shouldBe("e.style.backgroundSize", "'auto'");
|
109 | 109 | shouldBe("checkStyle()", "true");
|
110 | 110 | shouldBe('computedStyle.getPropertyValue("background")', "'rgb(255, 0, 0) none repeat fixed 0% 0% / auto padding-box border-box'");
|
|
0 commit comments