DXR is a code search and navigation tool aimed at making sense of large projects. It supports full-text and regex searches as well as structural queries.

Mercurial (7f9f804e9dbe)

VCS Links

Line Code
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95
<!DOCTYPE>
<html>
<head>
  <title>Test for nsITableEditor.getTableSize()</title>
  <script src="/tests/SimpleTest/SimpleTest.js"></script>
  <link rel="stylesheet" href="/tests/SimpleTest/test.css">
</head>
<body>
<div id="display">
</div>
<div id="content" contenteditable></div>
<pre id="test">
</pre>

<script class="testbody" type="application/javascript">

SimpleTest.waitForExplicitFinish();
SimpleTest.waitForFocus(function() {
  let editor = document.getElementById("content");
  let selection = document.getSelection();
  let rowCount = {}, columnCount = {};

  try {
    getTableEditor().getTableSize(undefined, rowCount, columnCount);
    ok(false, "nsITableEditor.getTableSize(undefined) should cause throwing an exception");
  } catch (e) {
    ok(true, "nsITableEditor.getTableSize(undefined) should cause throwing an exception");
  }

  try {
    getTableEditor().getTableSize(null, rowCount, columnCount);
    ok(false, "nsITableEditor.getTableSize(null) should cause throwing an exception");
  } catch (e) {
    ok(true, "nsITableEditor.getTableSize(null) should cause throwing an exception");
  }

  try {
    getTableEditor().getTableSize(editor, rowCount, columnCount);
    ok(false, "nsITableEditor.getTableSize() should cause throwing an exception if given node is not in a <table>");
  } catch (e) {
    ok(true, "nsITableEditor.getTableSize() should cause throwing an exception if given node is not in a <table>");
  }

  // Set id to "test" for the argument for getTableSize().
  // Set data-rows and data-cols to expected count of them.
  const kTests = [
    '<table><tr><td id="test" data-rows="2" data-cols="3">cell1-1</td><td>cell1-2</td><td>cell1-3</td></tr><tr><td>cell2-1</td><td>cell2-2</td><td>cell2-3</td></tr></table>',
    '<table><tr id="test" data-rows="2" data-cols="3"><td>cell1-1</td><td>cell1-2</td><td>cell1-3</td></tr><tr><td>cell2-1</td><td>cell2-2</td><td>cell2-3</td></tr></table>',
    '<table id="test" data-rows="2" data-cols="3"><tr><td>cell1-1</td><td>cell1-2</td><td>cell1-3</td></tr><tr><td>cell2-1</td><td>cell2-2</td><td>cell2-3</td></tr></table>',
    '<table><tr><td>cell1-1</td><td>cell1-2</td><td>cell1-3</td></tr><tr><td>cell2-1</td><td>cell2-2</td><td><p id="test" data-rows="2" data-cols="3">cell2-3</p></td></tr></table>',
    '<table><caption id="test" data-rows="2" data-cols="3">caption</caption><tr><td>cell1-1</td><td>cell1-2</td><td>cell1-3</td></tr><tr><td>cell2-1</td><td>cell2-2</td><td>cell2-3</td></tr></table>',
    '<table id="test" data-rows="0" data-cols="0"></table>',
    '<table id="test" data-rows="0" data-cols="0"><caption>caption</caption></table>',
    '<table id="test" data-rows="1" data-cols="1"><td>cell1-1</td></table>',
    // rowspan does not affect, but colspan affects...
    '<table id="test" data-rows="1" data-cols="12"><tr><td rowspan="8" colspan="12">cell1-1</td></tr></table>',
    '<table id="test" data-rows="1" data-cols="1"><tr><td><table><tr><td>cell1-1</td><td>cell1-2</td></tr><tr><td>cell2-1</td><td>cell2-2</td></tr><tr><td>cell3-1</td><td>cell3-2</td></tr></table></td></tr></table>',
    '<table><tr><td id="test" data-rows="1" data-cols="1"><table><tr><td>cell1-1</td><td>cell1-2</td></tr><tr><td>cell2-1</td><td>cell2-2</td></tr><tr><td>cell3-1</td><td>cell3-2</td></tr></table></td></tr></table>',
    '<table><tr><td><table id="test" data-rows="3" data-cols="2"><tr><td>cell1-1</td><td>cell1-2</td></tr><tr><td>cell2-1</td><td>cell2-2</td></tr><tr><td>cell3-1</td><td>cell3-2</td></tr></table></td></tr></table>',
    '<table><tr><td><table><tr><td id="test" data-rows="3" data-cols="2">cell1-1</td><td>cell1-2</td></tr><tr><td>cell2-1</td><td>cell2-2</td></tr><tr><td>cell3-1</td><td>cell3-2</td></tr></table></td></tr></table>',
    '<table><tr><td><table><tr><td>cell1-1</td><td>cell1-2</td></tr><tr><td>cell2-1</td><td><p id="test" data-rows="3" data-cols="2">cell2-2</p></td></tr><tr><td>cell3-1</td><td>cell3-2</td></tr></table></td></tr></table>',
  ];

  for (const kTest of kTests) {
    editor.innerHTML = kTest;
    editor.scrollTop; // compute layout now.
    let element = document.getElementById("test");
    getTableEditor().getTableSize(element, rowCount, columnCount);
    is(rowCount.value.toString(10), element.getAttribute("data-rows"),
       `Specified an element in a <table> directly, its parent table row count should be retrieved: ${kTest}`);
    is(columnCount.value.toString(10), element.getAttribute("data-cols"),
       `Specified an element in a <table> directly, its parent table column count should be retrieved: ${kTest}`);
    if (element.firstChild && element.firstChild.nodeType == Node.TEXT_NODE) {
      selection.collapse(element.firstChild, 0);
      getTableEditor().getTableSize(null, rowCount, columnCount);
      is(rowCount.value.toString(10), element.getAttribute("data-rows"),
         `Selection is collapsed in a cell element, its parent table row count should be retrieved: ${kTest}`);
      is(columnCount.value.toString(10), element.getAttribute("data-cols"),
         `Selection is collapsed in a cell element, its parent table column count should be retrieved: ${kTest}`);
    }
  }

  SimpleTest.finish();
});

function getTableEditor() {
  var Ci = SpecialPowers.Ci;
  var editingSession = SpecialPowers.wrap(window).docShell.editingSession;
  return editingSession.getEditorForWindow(window).QueryInterface(Ci.nsITableEditor);
}

</script>
</body>

</html>