third_party/WebKit/LayoutTests/fast/box-decoration-break/box-decoration-break-parsing.html

   1 <!DOCTYPE html>
   2 <html>
   3 <head>
   4 <meta charset="utf-8">
   5 <script src="../../resources/js-test.js"></script>
   6 </head>
   7 <body>
   8 <script>
   9
  10 description("Test to make sure the box-decoration-break property is correctly parsed.")
  11
  12 var testContainer = document.createElement("div");
  13 document.body.appendChild(testContainer);
  14
  15 testContainer.innerHTML = '<p id="test">Hello world</p>';
  16
  17 e = document.getElementById('test');
  18 computedStyle = window.getComputedStyle(e, null);
  19
  20 e.style.webkitBoxDecorationBreak = "slice";
  21 shouldBe("e.style.getPropertyValue('-webkit-box-decoration-break')", "'slice'");
  22 shouldBe("computedStyle.getPropertyValue('-webkit-box-decoration-break')", "'slice'");
  23
  24 e.style.webkitBoxDecorationBreak = "clone";
  25 shouldBe("e.style.getPropertyValue('-webkit-box-decoration-break')", "'clone'");
  26 shouldBe("computedStyle.getPropertyValue('-webkit-box-decoration-break')", "'clone'");
  27
  28 e.style.webkitBoxDecorationBreak = "";
  29 e.style.webkitBoxDecorationBreak = "invalid";
  30 shouldBeEqualToString("e.style.getPropertyValue('-webkit-box-decoration-break')", "");
  31 shouldBe("computedStyle.getPropertyValue('-webkit-box-decoration-break')", "'slice'");
  32
  33 document.body.removeChild(testContainer);
  34
  35 </script>
  36 </body>
  37 </html>