third_party/WebKit/LayoutTests/fast/css/first-letter-table.html

   1 <!doctype html>
   2 <script>
   3   if (window.testRunner)
   4     testRunner.dumpAsText();
   5
   6   function makeChild()
   7   {
   8     var child = document.createElement('div');
   9     child.textContent = 'my text content';
  10     return child;
  11   }
  12
  13   function runTest()
  14   {
  15     document.querySelector('table').appendChild(makeChild());
  16     document.querySelector('tbody').appendChild(makeChild());
  17     document.querySelector('tr').appendChild(makeChild());
  18     document.querySelector('td').appendChild(makeChild());
  19   }
  20   onload = runTest;
  21 </script>
  22 <style>
  23   #target {
  24     background-color: green;
  25   }
  26   #target:first-letter, #target div:first-letter { color: red; }
  27 </style>
  28
  29 <div>This test is successfully if it does not crash.</div>
  30 <div>This test is verifying that adding content that uses first letter into
  31 a table will work correctly.</div>
  32
  33 <table id="target">
  34  a
  35  <tr><td>Test</td></tr>
  36 </table>