| <html> |
| <head> |
| <script src="../../resources/js-test.js"></script> |
| </head> |
| <body> |
| <div id="test"><span id="span1">foo<span id="span2">bar</span></span><span id="span3">baz</span></div> |
| <script> |
| var s = window.getSelection(); |
| var testDiv = document.getElementById("test"); |
| var span1 = document.getElementById("span1"); |
| var span2 = document.getElementById("span2"); |
| var span3 = document.getElementById("span3"); |
| |
| var r = document.createRange(); |
| |
| |
| // delete a collapsed selection |
| r.setStart(span2.firstChild, 1); |
| r.setEnd(span2.firstChild, 1); |
| s.addRange(r); |
| |
| s.deleteFromDocument() |
| shouldBeEqualToString("span1.textContent", "foobar"); |
| |
| // try to delete a collapsed selection at the start |
| r.setStart(span1.firstChild, 0); |
| r.setEnd(span1.firstChild, 0); |
| s.removeAllRanges(); |
| s.addRange(r); |
| |
| s.deleteFromDocument() |
| shouldBeEqualToString("span1.textContent", "foobar"); |
| |
| // delete whole contents |
| r.setStart(span2.firstChild, 0); |
| r.setEnd(span2.firstChild, 3); |
| s.removeAllRanges(); |
| s.addRange(r); |
| |
| s.deleteFromDocument() |
| shouldBeEqualToString("span1.firstChild.nextSibling.id", "span2"); |
| shouldBeEqualToString("span1.firstChild.nextSibling.firstChild.nodeValue", ""); |
| |
| // partially delete two nodes |
| r.setStart(span1.firstChild, 1); |
| r.setEnd(span3.firstChild, 2); |
| s.removeAllRanges(); |
| s.addRange(r); |
| |
| s.deleteFromDocument() |
| shouldBeEqualToString("test.textContent", "fz"); |
| |
| </script> |
| </body> |
| </html> |
