third_party/WebKit/LayoutTests/fast/dynamic/create-renderer-for-whitespace-only-text.html

   1 <style>
   2     table { border-collapse: collapse; }
   3     td { border: 1px solid black; padding: 4px; }
   4
   5     ul.inlineItems li { display: inline; }
   6
   7     div.inlineDivs div { display: inline; }
   8 </style>
   9 <p>
  10     Test for <i><a href="http://bugs.webkit.org/show_bug.cgi?id=14134">http://bugs.webkit.org/show_bug.cgi?id=14134</a>
  11     REGRESSION (r25353): Whitespace nodes ignored between inline list items</i>.
  12 </p>
  13 <p>
  14     This tests that whitespace-only text nodes get renderers when they should
  15     even if initially they did not need a renderer.
  16 </p>
  17 <p>
  18     The left column should be identical to the right column.
  19 </p>
  20 <table>
  21     <tr>
  22         <td>
  23             <div id="target">suit</div>
  24         </td>
  25         <td>
  26             <div>wet suit</div>
  27         </td>
  28     </tr>
  29     <tr>
  30         <td>
  31             <ul id="list">
  32                 <li>wet</li>
  33                 <li>suit</li>
  34             </ul>
  35         </td>
  36         <td>
  37             <ul class="inlineItems">
  38                 <li>wet</li>
  39                 <li>suit</li>
  40             </ul>
  41         </td>
  42     </tr>
  43     <tr>
  44         <td>
  45             <div id="div">
  46                 <div>wet</div>
  47                 <div>suit</div>
  48             </div>
  49         </td>
  50         <td>
  51             <div class="inlineDivs">
  52                 <div>wet</div>
  53                 <div>suit</div>
  54             </div>
  55         </td>
  56     </tr>
  57 </table>
  58 <script>
  59     function test()
  60     {
  61         var target = document.getElementById("target");
  62         target.insertBefore(document.createTextNode(" "), target.firstChild);
  63         target.insertBefore(document.createTextNode("wet"), target.firstChild);
  64
  65         document.getElementById("list").className = "inlineItems";
  66
  67         document.getElementById("div").className = "inlineDivs";
  68     }
  69
  70     test();
  71 </script>