OLD | NEW |
1 description("This test checks that background-size:inherit properly inherits all
values."); | 1 description("This test checks that background-size:inherit properly inherits all
values."); |
2 | 2 |
3 function test(value) | 3 function test(value) |
4 { | 4 { |
5 var div = document.createElement("div"); | 5 var div = document.createElement("div"); |
6 div.setAttribute("style", value); | 6 div.setAttribute("style", value); |
7 document.body.appendChild(div); | 7 document.body.appendChild(div); |
8 | 8 |
9 var child = document.createElement("div"); | 9 var child = document.createElement("div"); |
10 child.setAttribute("style", "background-size: inherit;"); | 10 child.setAttribute("style", "background-size: inherit;"); |
11 div.appendChild(child); | 11 div.appendChild(child); |
12 | 12 |
13 var result = getComputedStyle(child, null).getPropertyValue("background-size
"); | 13 var result = getComputedStyle(child, null).getPropertyValue("background-size
"); |
14 document.body.removeChild(div); | 14 document.body.removeChild(div); |
15 return result; | 15 return result; |
16 } | 16 } |
17 | 17 |
18 shouldBe('test("background-size: contain;")', '"contain"'); | 18 shouldBe('test("background-size: contain;")', '"contain"'); |
19 shouldBe('test("background-size: cover;")', '"cover"'); | 19 shouldBe('test("background-size: cover;")', '"cover"'); |
20 shouldBe('test("background-size: 100 100;")', '"100px 100px"'); | 20 shouldBe('test("background-size: 100 100;")', '"auto"'); |
21 shouldBe('test("background-size: 100px 100px;")', '"100px 100px"'); | 21 shouldBe('test("background-size: 100px 100px;")', '"100px 100px"'); |
22 shouldBe('test("background-size: auto 50px;")', '"auto 50px"'); | 22 shouldBe('test("background-size: auto 50px;")', '"auto 50px"'); |
23 shouldBe('test("background-size: 50px auto;")', '"50px"'); | 23 shouldBe('test("background-size: 50px auto;")', '"50px"'); |
24 shouldBe('test("background-size: auto auto;")', '"auto"'); | 24 shouldBe('test("background-size: auto auto;")', '"auto"'); |
25 shouldBe('test("background-size: 30% 20%;")', '"30% 20%"'); | 25 shouldBe('test("background-size: 30% 20%;")', '"30% 20%"'); |
26 shouldBe('test("background-size: 4em auto;")', '"64px"'); | 26 shouldBe('test("background-size: 4em auto;")', '"64px"'); |
27 shouldBe('test("background-size: 5em ;")', '"80px"'); | 27 shouldBe('test("background-size: 5em ;")', '"80px"'); |
28 shouldBe('test("-webkit-background-size: 5em ;")', '"80px 80px"'); | 28 shouldBe('test("-webkit-background-size: 5em ;")', '"80px 80px"'); |
29 | 29 |
30 shouldBe('test("background-size: 100 100 100;")', '"auto"'); | 30 shouldBe('test("background-size: 100px 100px 100px;")', '"auto"'); |
31 shouldBe('test("background-size: coconut;")', '"auto"'); | 31 shouldBe('test("background-size: coconut;")', '"auto"'); |
OLD | NEW |