src/third_party/WebKit/LayoutTests/fast/regions/script-tests/region-element-display-change.js

   1 description("Test that RenderObject is recreated correctly after changing display type.");
   2
   3 function testElement(element, displayType)
   4 {
   5         element.style.setProperty("display", displayType);
   6         // The region element was created if the length of inner text is 0.
   7     var regionCreated = element.innerText.length == 0;
   8         return regionCreated;
   9 }
  10
  11 var element = document.createElement("div");
  12 var textElement = document.createTextNode("inside element");
  13 element.appendChild(textElement);
  14 element.style.setProperty("-webkit-flow-from", "flow");
  15 document.body.appendChild(element);
  16 shouldBeFalse('testElement(element, "none")');
  17 shouldBeTrue('testElement(element, "block")');
  18 shouldBeTrue('testElement(element, "inline-block")');
  19 shouldBeFalse('testElement(element, "inline")');
  20 shouldBeFalse('testElement(element, "table")');
  21 shouldBeFalse('testElement(element, "inline-table")');
  22 shouldBeTrue('testElement(element, "table-cell")');
  23 shouldBeTrue('testElement(element, "table-caption")');
  24 shouldBeTrue('testElement(element, "list-item")');
  25 shouldBeFalse('testElement(element, "-webkit-box")');
  26 shouldBeFalse('testElement(element, "-webkit-inline-box")');
  27 shouldBeFalse('testElement(element, "-webkit-flex")');
  28 shouldBeFalse('testElement(element, "-webkit-inline-flex")');
  29 // FIXME: Also add grid and inline grid when it is enabled by default
  30 document.body.removeChild(element);