third_party/WebKit/LayoutTests/editing/deleting/display-table.html

   1 <!DOCTYPE html>
   2 <html>
   3 <head>
   4 <style>
   5 #tableDiv {
   6     display: table;
   7 }
   8 </style>
   9 <script src="../../resources/js-test.js"></script>
  10 </head>
  11 <body>
  12 <div id="tableDiv" contenteditable="true"></div>
  13 <div id="log"></div>
  14 <script>
  15 function runTest(caretPosition, deleteCommand, expectedString)
  16 {
  17     var testDiv = document.getElementById('tableDiv');
  18     testDiv.innerText = 'ABCD';
  19
  20     var selection = window.getSelection();
  21     selection.collapse(testDiv, caretPosition);
  22
  23     document.execCommand(deleteCommand);
  24     shouldBeEqualToString("document.getElementById('tableDiv').textContent", expectedString);
  25 }
  26
  27 description("This test verifies that we are able to successfully delete the first and the last characters of a contenteditable div with display: table.");
  28
  29 runTest(0, "forwardDelete", "BCD");
  30 runTest(1, "Delete", "ABC");
  31
  32 if (window.testRunner)
  33     document.getElementById('tableDiv').outerHTML = '';
  34
  35 finishJSTest();
  36 </script>
  37 </body>
  38 </html>