third_party/WebKit/LayoutTests/editing/pasteboard/paste-into-table-cell.html

   1 <!DOCTYPE html>
   2 <html>
   3 <head>
   4 <style>
   5
   6 table, td {
   7     border: solid 1px #8bb8f4;
   8     border-collapse: collapse;
   9 }
  10
  11 </style>
  12 </head>
  13 <body onpaste="setTimeout(dump, 0)" contenteditable="true">
  14 <p>This tests pasting into a table cell.
  15 To manually run the test, copy the text below and paste it into the first text cell after the non-breaking space.
  16 The content should be pasted into the first cell, not between two tds.</p>
  17 <div id="source">Drag me</div>
  18 <div id="result"><table width="400"><tbody><tr><td>&nbsp;</td><td>&nbsp;</td></tr><tr><td>&nbsp;</td><td>&nbsp;</td></tr></tbody></table></div>
  19 <script src="../../resources/dump-as-markup.js"></script>
  20 <script>
  21
  22 var source = document.getElementById('source');
  23 getSelection().selectAllChildren(source);
  24
  25 document.execCommand('copy', false, null);
  26
  27 Markup.description(document.querySelector('p').textContent);
  28 Markup.waitUntilDone();
  29
  30 function dump() {
  31     Markup.dump('result', '"Drag me" should appear inside the first td');
  32     Markup.notifyDone();
  33 }
  34
  35 if (document.queryCommandEnabled('paste')) {
  36     getSelection().collapse(document.querySelector('td').firstChild, 1);
  37     document.execCommand('paste', false, null);
  38 }
  39
  40 </script>
  41 </body>
  42 </html>