test_nsITableEditor_getSelectedCells.html

<!DOCTYPE>

<html>

<head>

  <title>Test for nsITableEditor.getSelectedCells()</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">

"use strict";

SimpleTest.waitForExplicitFinish();

SimpleTest.waitForFocus(() => {

  let editor = document.getElementById("content");

  let selection = document.getSelection();

  (function test_with_collapsed_selection() {

    selection.collapse(editor, 0);

    let cells = getTableEditor().getSelectedCells();

    is(cells.length, 0,

      "nsITableEditor.getSelectedCells() should return empty array if Selection does not select cells");

  })();

  editor.innerHTML =

    '<table id="table">' +

      '<tr id="r1"><td id="c1-1">cell1-1</td><td id="c1-2">cell1-2</td><td id="c1-3">cell1-3</td><td id="c1-4" colspan="2" rowspan="2">cell1-4</td></tr>' +

      '<tr id="r2"><th id="c2-1" rowspan="2">cell2-1</th><td id="c2-2">cell2-2</td><td id="c2-3">cell2-3</td></tr>' +

      '<tr id="r3"><td id="c3-2">cell3-2</td><td id="c3-3">cell3-3</td><td id="c3-4" colspan="2">cell3-4</td></tr>' +

      '<tr id="r4"><td id="c4-1" rowspan="4">cell4-1</td><td id="c4-2">cell4-2</td><td id="c4-3">cell4-3</td><th id="c4-4">cell4-4</th><td id="c4-5">cell4-5</td></tr>' +

      '<tr id="r5"><th id="c5-2">cell5-2</th><th id="c5-3" colspan="2">' +

        '<table><tr id="r2-1"><td id="c2-1-1">cell2-1-1</td></tr></table>' +

        '</th><td id="c5-5">cell5-5</td></tr>' +

      '<tr id="r6"><td id="c6-2">cell6-2</td><td id="c6-3">cell6-3</td><td id="c6-4"><p>cell6-4</p></td><td id="c6-5">cell6-5</td></tr>' +

      '<tr id="r7"><td id="c7-2" colspan="4">cell7-2</td></tr>' +

    "</table>";

  (function test_with_selecting_1_1() {

    let tr = document.getElementById("r1");

    selection.setBaseAndExtent(tr, 0, tr, 1);

    let cells = getTableEditor().getSelectedCells();

    is(cells.length, 1,

      "#1-1 nsITableEditor.getSelectedCells() should return an array whose length is 1");

    is(SpecialPowers.unwrap(cells[0]), document.getElementById("c1-1"),

      "#1-1 nsITableEditor.getSelectedCells() should set the first item of the result to the first cell element in the first row");

  })();

  (function test_with_selecting_1_4() {

    let tr = document.getElementById("r1");

    selection.setBaseAndExtent(tr, 3, tr, 4);

    let cells = getTableEditor().getSelectedCells();

    is(cells.length, 1,

      "#1-4 nsITableEditor.getSelectedCells() should return an array whose length is 1");

    is(SpecialPowers.unwrap(cells[0]), document.getElementById("c1-4"),

      "#1-4 nsITableEditor.getSelectedCells() should set the first item of the result to the last cell element whose colspan and rowspan are 2 in the first row");

  })();

  (function test_with_selecting_2_1() {

    let tr = document.getElementById("r2");

    selection.setBaseAndExtent(tr, 0, tr, 1);

    let cells = getTableEditor().getSelectedCells();

    is(cells.length, 1,

      "#2-1 nsITableEditor.getSelectedCells() should return an array whose length is 1");

    is(SpecialPowers.unwrap(cells[0]), document.getElementById("c2-1"),

      "#2-1 nsITableEditor.getSelectedCells() should set the first item of the result to the first cell element in the second row");

  })();

  (function test_with_selecting_7_2() {

    let tr = document.getElementById("r7");

    selection.setBaseAndExtent(tr, 0, tr, 1);

    let cells = getTableEditor().getSelectedCells();

    is(cells.length, 1,

      "#7-2 nsITableEditor.getSelectedCells() should return an array whose length is 1");

    is(SpecialPowers.unwrap(cells[0]), document.getElementById("c7-2"),

      "#7-2 nsITableEditor.getSelectedCells() should set the first item of the result to the second cell element in the last row");

  })();

  (function test_with_selecting_2_2_and_2_3() {

    let tr = document.getElementById("r2");

    selection.removeAllRanges();

    let range = document.createRange();

    range.setStart(tr, 1);

    range.setEnd(tr, 2);

    selection.addRange(range);

    range = document.createRange();

    range.setStart(tr, 2);

    range.setEnd(tr, 3);

    selection.addRange(range);

    let cells = getTableEditor().getSelectedCells();

    is(cells.length, 2,

      "#2-2 nsITableEditor.getSelectedCells() should return an array whose length is 2");

    is(SpecialPowers.unwrap(cells[0]), document.getElementById("c2-2"),

      "#2-2 nsITableEditor.getSelectedCells() should set the first item of the result to the second cell element in the second row");

  })();

  (function test_with_selecting_3_4_and_5_2() {

    let tr = document.getElementById("r3");

    selection.removeAllRanges();

    let range = document.createRange();

    range.setStart(tr, 2);

    range.setEnd(tr, 3);

    selection.addRange(range);

    range = document.createRange();

    range.setStart(document.getElementById("r5"), 0);

    range.setEnd(document.getElementById("r5"), 1);

    selection.addRange(range);

    let cells = getTableEditor().getSelectedCells();

    is(cells.length, 2,

        "#3-4, #5-2 nsITableEditor.getSelectedCells() should return an array whose length is 2");

    is(SpecialPowers.unwrap(cells[0]), document.getElementById("c3-4"),

        "#3-4, #5-2 nsITableEditor.getSelectedCells() should set the first item of the result to the last cell element in the third row");

    is(SpecialPowers.unwrap(cells[1]), document.getElementById("c5-2"),

        "#3-4, #5-2 nsITableEditor.getSelectedCells() should set the second item of the result to the first cell element in the fifth row");

  })();

  (function test_with_selecting_1_2_and_1_3_and_1_4_and_2_1_and_2_2() {

    selection.removeAllRanges();

    let tr = document.getElementById("r1");

    let range = document.createRange();

    range.setStart(tr, 1);

    range.setEnd(tr, 2);

    selection.addRange(range);

    range = document.createRange();

    range.setStart(tr, 2);

    range.setEnd(tr, 3);

    selection.addRange(range);

    range = document.createRange();

    range.setStart(tr, 3);

    range.setEnd(tr, 4);

    selection.addRange(range);

    tr = document.getElementById("r2");

    range = document.createRange();

    range.setStart(tr, 0);

    range.setEnd(tr, 1);

    selection.addRange(range);

    range = document.createRange();

    range.setStart(tr, 1);

    range.setEnd(tr, 2);

    selection.addRange(range);

    let cells = getTableEditor().getSelectedCells();

    is(cells.length, 5,

        "#1-2, #1-3, #1-4, #2-1, #2-2 nsITableEditor.getSelectedCells() should return an array whose length is 5");

    is(SpecialPowers.unwrap(cells[0]), document.getElementById("c1-2"),

      "#1-2, #1-3, #1-4, #2-1, #2-2 nsITableEditor.getSelectedCells() should set the first item of the result to the second cell element in the first row");

    is(SpecialPowers.unwrap(cells[1]), document.getElementById("c1-3"),

      "#1-2, #1-3, #1-4, #2-1, #2-2 nsITableEditor.getSelectedCells() should set the second item of the result to the third cell element in the first row");

    is(SpecialPowers.unwrap(cells[2]), document.getElementById("c1-4"),

      "#1-2, #1-3, #1-4, #2-1, #2-2 nsITableEditor.getSelectedCells() should set the third item of the result to the forth cell element in the first row");

    is(SpecialPowers.unwrap(cells[3]), document.getElementById("c2-1"),

      "#1-2, #1-3, #1-4, #2-1, #2-2 nsITableEditor.getSelectedCells() should set the forth item of the result to the first cell element in the second row");

    is(SpecialPowers.unwrap(cells[4]), document.getElementById("c2-2"),

      "#1-2, #1-3, #1-4, #2-1, #2-2 nsITableEditor.getSelectedCells() should set the forth item of the result to the second cell element in the second row");

  })();

  (function test_with_selecting_6_3_and_paragraph_in_6_4_and_6_5() {

    selection.removeAllRanges();

    let tr = document.getElementById("r6");

    let range = document.createRange();

    range.setStart(tr, 1);

    range.setEnd(tr, 2);

    selection.addRange(range);

    range = document.createRange();

    range.setStart(document.getElementById("c6-4").firstChild, 0);

    range.setEnd(document.getElementById("c6-4").firstChild, 1);

    selection.addRange(range);

    range = document.createRange();

    range.setStart(tr, 3);

    range.setEnd(tr, 4);

    selection.addRange(range);

    let cells = getTableEditor().getSelectedCells();

    is(cells.length, 2,

        "#6-3, #6-5 nsITableEditor.getSelectedCells() should return an array whose length is 2");

    is(SpecialPowers.unwrap(cells[0]), document.getElementById("c6-3"),

        "#6-3, #6-5 nsITableEditor.getSelectedCells() should set the first item of the result to the second cell element in the sixth row");

    // The <p> element in c6-4 is selected, this does not select the cell

    // element so that it should be ignored.

    is(SpecialPowers.unwrap(cells[1]), document.getElementById("c6-5"),

        "#6-3, #6-5 nsITableEditor.getSelectedCells() should set the first item of the result to the forth cell element in the sixth row");

  })();

  (function test_with_selecting_2_3_and_text_in_4_1_and_7_2() {

    selection.removeAllRanges();

    let tr = document.getElementById("r2");

    let range = document.createRange();

    range.setStart(tr, 2);

    range.setEnd(tr, 3);

    selection.addRange(range);

    range = document.createRange();

    range.setStart(document.getElementById("c4-1").firstChild, 0);

    range.setEnd(document.getElementById("c4-1").firstChild, 7);

    selection.addRange(range);

    tr = document.getElementById("r7");

    range = document.createRange();

    range.setStart(tr, 0);

    range.setEnd(tr, 1);

    selection.addRange(range);

    let cells = getTableEditor().getSelectedCells();

    is(cells.length, 2,

        "#2-3, #7-2 nsITableEditor.getSelectedCells() should return an array whose length is 2");

    is(SpecialPowers.unwrap(cells[0]), document.getElementById("c2-3"),

        "#2-3, #7-2 nsITableEditor.getSelectedCells() should set the first item of the result to the third cell element in the second row");

    // Text in c4-1 is selected, this does not select the cell element so that

    // it should be ignored.  Note that we've ignored the following selected

    // cell elements in old API, but it causes inconsistent behavior with the

    // previous test case.  Therefore, we take this behavior.

    is(SpecialPowers.unwrap(cells[1]), document.getElementById("c7-2"),

        "#2-3, #7-2 nsITableEditor.getSelectedCells() should set the second item of the result to the cell element in the seventh row");

  })();

  (function test_with_selecting_3_2_and_2_1_1_and_7_2() {

    selection.removeAllRanges();

    let tr = document.getElementById("r3");

    let range = document.createRange();

    range.setStart(tr, 0);

    range.setEnd(tr, 1);

    selection.addRange(range);

    tr = document.getElementById("r2-1");

    range = document.createRange();

    range.setStart(tr, 0);

    range.setEnd(tr, 1);

    selection.addRange(range);

    tr = document.getElementById("r7");

    range = document.createRange();

    range.setStart(tr, 0);

    range.setEnd(tr, 1);

    selection.addRange(range);

    let cells = getTableEditor().getSelectedCells();

    is(cells.length, 3,

      "#3-2, #2-1-1, #7-2 nsITableEditor.getSelectedCells() should return an array whose length is 3");

    is(SpecialPowers.unwrap(cells[0]), document.getElementById("c3-2"),

      "#3-2, #2-1-1, #7-2 nsITableEditor.getSelectedCells() should set the first item of the result to the first cell element in the third row");

    // c2-1-1 is in another <table>, however, getSelectedCells() returns it

    // since it works only with ranges of Selection.

    is(SpecialPowers.unwrap(cells[1]), document.getElementById("c2-1-1"),

      "#3-2, #2-1-1, #7-2 nsITableEditor.getSelectedCells() should set the second item of the result to the cell element in the child <table> element");

    is(SpecialPowers.unwrap(cells[2]), document.getElementById("c7-2"),

      "#3-2, #2-1-1, #7-2 nsITableEditor.getSelectedCells() should set the third item of the result to the cell element in the seventh row");

  })();

  (function test_with_selecting_all_children_of_cell() {

    selection.selectAllChildren(document.getElementById("c6-4"));

    let cells = getTableEditor().getSelectedCells();

    is(cells.length, 0,

      "nsITableEditor.getSelectedCells() should return an empty array when no cell element is selected");

  })();

  (function test_with_selecting_text_in_cell() {

    let cell = document.getElementById("c6-5");

    selection.collapse(cell.firstChild, 0);

    let cells = getTableEditor().getSelectedCells();

    is(cells.length, 0,

      "nsITableEditor.getSelectedCells() should return an empty array when selecting text in a cell element");

  })();

  (function test_with_selecting_text_in_1_1_and_1_2() {

    let cell = document.getElementById("c1-1");

    selection.setBaseAndExtent(cell.firstChild, 0, cell.firstChild, 3);

    let range = document.createRange();

    range.setStart(cell.parentNode, 1);

    range.setEnd(cell.parentNode, 2);

    selection.addRange(range);

    let cells = getTableEditor().getSelectedCells();

    is(cells.length, 0,

      "nsITableEditor.getSelectedCells() should return an empty array when the first range does not select a cell element");

  })();

  (function test_without_selection_ranges() {

    selection.removeAllRanges();

    let cells = getTableEditor().getSelectedCells();

    is(cells.length, 0,

      "nsITableEditor.getSelectedCells() should return an empty array even when there is no selection range");

  })();

  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>

Source code

Revision control

Copy as Markdown

Other Tools

Test Info: