test_nsITableEditor_getTableSize.html (5389B)
1 <!DOCTYPE> 2 <html> 3 <head> 4 <title>Test for nsITableEditor.getTableSize()</title> 5 <script src="/tests/SimpleTest/SimpleTest.js"></script> 6 <link rel="stylesheet" href="/tests/SimpleTest/test.css"> 7 </head> 8 <body> 9 <div id="display"> 10 </div> 11 <div id="content" contenteditable></div> 12 <pre id="test"> 13 </pre> 14 15 <script class="testbody" type="application/javascript"> 16 17 SimpleTest.waitForExplicitFinish(); 18 SimpleTest.waitForFocus(function() { 19 let editor = document.getElementById("content"); 20 let selection = document.getSelection(); 21 let rowCount = {}, columnCount = {}; 22 23 try { 24 getTableEditor().getTableSize(undefined, rowCount, columnCount); 25 ok(false, "nsITableEditor.getTableSize(undefined) should cause throwing an exception"); 26 } catch (e) { 27 ok(true, "nsITableEditor.getTableSize(undefined) should cause throwing an exception"); 28 } 29 30 try { 31 getTableEditor().getTableSize(null, rowCount, columnCount); 32 ok(false, "nsITableEditor.getTableSize(null) should cause throwing an exception"); 33 } catch (e) { 34 ok(true, "nsITableEditor.getTableSize(null) should cause throwing an exception"); 35 } 36 37 try { 38 getTableEditor().getTableSize(editor, rowCount, columnCount); 39 ok(false, "nsITableEditor.getTableSize() should cause throwing an exception if given node is not in a <table>"); 40 } catch (e) { 41 ok(true, "nsITableEditor.getTableSize() should cause throwing an exception if given node is not in a <table>"); 42 } 43 44 // Set id to "test" for the argument for getTableSize(). 45 // Set data-rows and data-cols to expected count of them. 46 const kTests = [ 47 '<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>', 48 '<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>', 49 '<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>', 50 '<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>', 51 '<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>', 52 '<table id="test" data-rows="0" data-cols="0"></table>', 53 '<table id="test" data-rows="0" data-cols="0"><caption>caption</caption></table>', 54 '<table id="test" data-rows="1" data-cols="1"><td>cell1-1</td></table>', 55 // rowspan does not affect, but colspan affects... 56 '<table id="test" data-rows="1" data-cols="12"><tr><td rowspan="8" colspan="12">cell1-1</td></tr></table>', 57 '<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>', 58 '<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>', 59 '<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>', 60 '<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>', 61 '<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>', 62 ]; 63 64 for (const kTest of kTests) { 65 editor.innerHTML = kTest; 66 let element = document.getElementById("test"); 67 getTableEditor().getTableSize(element, rowCount, columnCount); 68 is(rowCount.value.toString(10), element.getAttribute("data-rows"), 69 `Specified an element in a <table> directly, its parent table row count should be retrieved: ${kTest}`); 70 is(columnCount.value.toString(10), element.getAttribute("data-cols"), 71 `Specified an element in a <table> directly, its parent table column count should be retrieved: ${kTest}`); 72 if (element.firstChild && element.firstChild.nodeType == Node.TEXT_NODE) { 73 selection.collapse(element.firstChild, 0); 74 getTableEditor().getTableSize(null, rowCount, columnCount); 75 is(rowCount.value.toString(10), element.getAttribute("data-rows"), 76 `Selection is collapsed in a cell element, its parent table row count should be retrieved: ${kTest}`); 77 is(columnCount.value.toString(10), element.getAttribute("data-cols"), 78 `Selection is collapsed in a cell element, its parent table column count should be retrieved: ${kTest}`); 79 } 80 } 81 82 SimpleTest.finish(); 83 }); 84 85 function getTableEditor() { 86 var Ci = SpecialPowers.Ci; 87 var editingSession = SpecialPowers.wrap(window).docShell.editingSession; 88 return editingSession.getEditorForWindow(window).QueryInterface(Ci.nsITableEditor); 89 } 90 91 </script> 92 </body> 93 94 </html>