dom/base/test/test_bug498240.html

   1 <!DOCTYPE HTML>
   2 <html>
   3 <!--
   4 https://bugzilla.mozilla.org/show_bug.cgi?id=498240
   5 -->
   6 <head>
   7   <title>Test for Bug 498240</title>
   8   <script src="/tests/SimpleTest/SimpleTest.js"></script>
   9   <link rel="stylesheet" type="text/css" href="/tests/SimpleTest/test.css"/>
  10 <style>
  11  .container { border: 1px solid blue; display:block; }
  12  b { color:blue; }
  13  i { color:magenta; }
  14 </style>
  15 </head>
  16 <body>
  17 <a target="_blank" href="https://bugzilla.mozilla.org/show_bug.cgi?id=498240">Mozilla Bug 498240</a>
  18 <p id="display"></p>
  19 <div id="content" style="display: none">
  20
  21 </div>
  22 <pre id="test">
  23 <script type="application/javascript">
  24
  25 /** Test for Bug 498240 **/
  26
  27
  28 function create(s) {
  29   var p = document.createElement('span');
  30   p.innerHTML = s;
  31   p.setAttribute("class","container");
  32   document.body.appendChild(p);
  33   return p;
  34 }
  35 function select(start, startOffset, end, endOffset) {
  36   var sel = getSelection();
  37   sel.removeAllRanges();
  38   var range = document.createRange();
  39   range.setStart(start, startOffset);
  40   range.setEnd(end, endOffset);
  41   sel.addRange(range);
  42 }
  43
  44 function insertClone(node) {
  45   var sel = getSelection();
  46   var range = sel.getRangeAt(0);
  47   range.insertNode(node.cloneNode(true));
  48 }
  49 function insertCloneAtEnd(node) {
  50   var sel = getSelection();
  51   var range = sel.getRangeAt(0);
  52   range.endContainer.insertBefore(node.cloneNode(true),range.endContainer.childNodes[range.endOffset]);
  53 }
  54
  55 function check(start, startOffset, end, endOffset, s) {
  56   var sel = getSelection();
  57   var range = sel.getRangeAt(0);
  58   is(range.startContainer, start, "wrong start node for range: '"+range.toString()+"'");
  59   is(range.startOffset, startOffset, "wrong start offset for range: '"+range.toString()+"'");
  60   is(range.endContainer, end, "wrong end node for range: '"+range.toString()+"'");
  61   is(range.endOffset, endOffset, "wrong end offset for range: '"+range.toString()+"'");
  62 }
  63
  64 function testInsertNode(node) {
  65   var p;
  66
  67   p = create('a<b>bc</b>');
  68   select(p.childNodes[0],0,p.childNodes[1],0);
  69   insertClone(node);
  70   check(p.childNodes[0],0,p.childNodes[3],0);
  71
  72   p = create('d<b>ef</b>');
  73   select(p.childNodes[0],0,p.childNodes[1],1);
  74   insertClone(node);
  75   check(p.childNodes[0],0,p.childNodes[3],1);
  76
  77   p = create('g<b>h</b>');
  78   select(p.childNodes[0],0,p.childNodes[0],0);
  79   insertClone(node);
  80   check(p.childNodes[0],0,p,2);
  81
  82   p = create('i<b>j</b>');
  83   select(p.childNodes[0],1,p.childNodes[0],1);
  84   insertClone(node);
  85   check(p.childNodes[0],1,p,2);
  86
  87   p = create('k<b>l</b>');
  88   select(p.childNodes[0],0,p.childNodes[1].childNodes[0],0);
  89   insertClone(node);
  90   check(p.childNodes[0],0,p.childNodes[3].childNodes[0],0);
  91
  92   p = create('m<b>no</b>');
  93   select(p.childNodes[0],1,p.childNodes[1].childNodes[0],0);
  94   insertClone(node);
  95   check(p.childNodes[0],1,p.childNodes[3].childNodes[0],0);
  96
  97   p = create('p<b>qr</b>');
  98   select(p.childNodes[0],1,p.childNodes[1].childNodes[0],1);
  99   insertClone(node);
 100   check(p.childNodes[0],1,p.childNodes[3].childNodes[0],1);
 101
 102   p = create('s<b>tu</b>');
 103   select(p.childNodes[0],1,p.childNodes[1],0);
 104   insertClone(node);
 105   check(p.childNodes[0],1,p.childNodes[3],0);
 106
 107   p = create('<i>A</i><b>BC</b>');
 108   select(p.childNodes[0],0,p.childNodes[1],0);
 109   insertClone(node);
 110   check(p.childNodes[0],0,p.childNodes[1],0);
 111
 112   p = create('<i>D</i><b>EF</b>');
 113   select(p.childNodes[0],1,p.childNodes[1],1);
 114   insertClone(node);
 115   check(p.childNodes[0],1,p.childNodes[1],1);
 116
 117   p = create('<i></i><b>GH</b>');
 118   select(p.childNodes[0],0,p.childNodes[1],0);
 119   insertClone(node);
 120   check(p.childNodes[0],0,p.childNodes[1],0);
 121
 122   p = create('<i>I</i><b>J</b>');
 123   select(p,0,p.childNodes[1],0);
 124   insertClone(node);
 125   check(p,0,p.childNodes[2],0);
 126
 127   p = create('<i>K</i><b>L</b>');
 128   select(p,0,p,2);
 129   insertClone(node);
 130   check(p,0,p,3);
 131
 132   p = create('<i>M</i><b>N</b>');
 133   select(p,1,p,2);
 134   insertClone(node);
 135   check(p,1,p,3);
 136
 137   p = create('<i>O</i><b>P</b>');
 138   select(p,1,p,1);
 139   insertClone(node);
 140   check(p,1,p,2);
 141
 142   p = create('<i>Q</i><b>R</b>');
 143   select(p,2,p,2);
 144   insertClone(node);
 145   check(p,2,p,3);
 146
 147   p = create('<i>S</i><b>T</b>');
 148   select(p,1,p,1);
 149   insertCloneAtEnd(node);
 150   check(p,1,p,1);
 151
 152   p = create('<i>U</i><b>V</b>');
 153   select(p,2,p,2);
 154   insertCloneAtEnd(node);
 155   check(p,2,p,2);
 156
 157   p = create('<i>X</i><b>Y</b>');
 158   select(p,0,p,1);
 159   insertCloneAtEnd(node);
 160   check(p,0,p,1);
 161
 162   p = create('<i>X</i><b><s>Y</s></b>');
 163   select(p,0,p.childNodes[1],1);
 164   insertCloneAtEnd(node);
 165   check(p,0,p.childNodes[1],1);
 166
 167   p = create('<i>Z</i><b></b>');
 168   select(p,0,p.childNodes[1],0);
 169   insertCloneAtEnd(node);
 170   check(p,0,p.childNodes[1],0);
 171
 172   p = create('<i>ZA</i><b><s>ZB</s><u>ZC</u></b>');
 173   select(p,0,p.childNodes[1],1);
 174   insertCloneAtEnd(node);
 175   check(p,0,p.childNodes[1],1);
 176 }
 177 function testInvalidNodeType(node) {
 178   try {
 179     testInsertNode(node);
 180     ok(false,"Expected an InvalidNodeTypeError");
 181   } catch(e) {
 182     is(e.name, "InvalidNodeTypeError", "Wrong exception, expected InvalidNodeTypeError");
 183     ok(e instanceof DOMException, "Wrong type of exception: " + e);
 184     is(e.code, DOMException.INVALID_NODE_TYPE_ERR, "Wrong exception code, expected INVALID_NODE_TYPE_ERR");
 185   }
 186 }
 187
 188 function runTest() {
 189   testInsertNode(document.createTextNode('123'));
 190
 191   var i = document.createElement('SPAN')
 192   i.innerHTML='456'
 193   testInsertNode(i);
 194
 195   i = document.createDocumentFragment();
 196   i.appendChild(document.createTextNode('789'));
 197   testInsertNode(i);
 198
 199   /// DOM2 Traversal and Range Specification 2.13 "insertNode":
 200   ///   RangeException INVALID_NODE_TYPE_ERR: Raised if newNode is an Attr, Entity, Notation, or Document node.
 201   // BUG: testInvalidNodeType(document.createAttribute('a'));
 202   todo(false, "Test insertion of Entity node into range");
 203   // TODO: testInvalidNodeType(document.createEntity());
 204   todo(false, "Test insertion of Notation node into range");
 205   // TODO: testInvalidNodeType(document.createNotation());
 206   // BUG: testInvalidNodeType(document.implementation.createDocument('http://www.w3.org/1999/xhtml', 'html', null));
 207
 208   // Intentionally fails because of bug 418755.
 209   todo(false, "test that Range::insertNode() throws WrongDocumentError when it should");
 210   i = document.implementation.createDocument('http://www.w3.org/1999/xhtml', 'html', null).createElement('html');
 211   try {
 212     testInsertNode(i);
 213     todo(false,"Expected a WrongDocumentError");
 214   } catch(e) {
 215     is(e.name, "WrongDocumentError", "Wrong exception, expected WrongDocumentError");
 216     ok(e instanceof DOMException, "Wrong type of exception: " + e);
 217     is(e.code, DOMException.WRONG_DOCUMENT_ERR, "Wrong exception code, expected WRONG_DOCUMENT_ERR");
 218   }
 219
 220   // Inserting an ancestor of the start container should throw HierarchyRequestError
 221   todo(false, "test that Range::insertNode() throws HierarchyRequestError when it should");
 222   var p = create('<b>IJK</b>');
 223   select(p.childNodes[0],0,p.childNodes[0],1);
 224   var sel = getSelection();
 225   var range = sel.getRangeAt(0);
 226   try {
 227     range.insertNode(p);
 228     ok(false,"Expected a HierarchyRequestError");
 229   } catch(e) {
 230     is(e.name, "HierarchyRequestError", "Wrong exception, expected HierarchyRequestError");
 231     ok(e instanceof DOMException, "Wrong type of exception: " + e);
 232     is(e.code, DOMException.HIERARCHY_REQUEST_ERR, "Wrong exception code, expected HIERARCHY_REQUEST_ERR");
 233   }
 234
 235   // TODO: we should also have a test for:
 236   /// "HierarchyRequestError: Raised if the container of the start of the Range is of a type
 237   ///   that does not allow children of the type of newNode"
 238
 239   todo(false, "InvalidStateError test goes here...");
 240
 241   var sel = getSelection();
 242   sel.removeAllRanges();
 243
 244   SimpleTest.finish();
 245 }
 246
 247 SimpleTest.waitForExplicitFinish();
 248 addLoadEvent(runTest);
 249
 250
 251 </script>
 252 </pre>
 253 </body>
 254 </html>