LayoutTests/fast/backgrounds/size/resources/parsing-inherit.js

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