<!DOCTYPE HTML> <html> <!-- https://bugzilla.mozilla.org/show_bug.cgi?id=454325 --> <head> <title>Test for Bug 454325</title> <script type="text/javascript" src="/tests/SimpleTest/SimpleTest.js"></script> <link rel="stylesheet" type="text/css" href="/tests/SimpleTest/test.css" /> </head> <body> <a target="_blank" href="https://bugzilla.mozilla.org/show_bug.cgi?id=454325">Mozilla Bug 454325</a> <p id="display"></p> <div id="content" style="display: none"> </div> <pre id="test"> <script class="testbody" type="text/javascript"> /** Test for Bug 454325 **/ function testDocument1() { var doc = document.implementation.createDocument("", "", null); var html = doc.createElement('html'); doc.appendChild(html); var body = doc.createElement('body'); html.appendChild(body); var h1 = doc.createElement('h1'); var t1 = doc.createTextNode('Hello '); h1.appendChild(t1); var em = doc.createElement('em'); var t2 = doc.createTextNode('Wonderful'); em.appendChild(t2); h1.appendChild(em); var t3 = doc.createTextNode(' Kitty'); h1.appendChild(t3); body.appendChild(h1); var p = doc.createElement('p'); var t4 = doc.createTextNode(' How are you?'); p.appendChild(t4); body.appendChild(p); var r = doc.createRange(); r.selectNodeContents(doc); is(r.toString(), "Hello Wonderful Kitty How are you?", "toString() on range selecting Document gave wrong output"); r.setStart(h1, 3); r.setEnd(p, 0); // <html><body><h1>Hello <em>Wonder ful<\em> Kitty<\h1><p>How are you?<\p><\body></html> // ^ -----^ is(r.toString(), "", "toString() on range crossing text nodes gave wrong output"); var c1 = r.cloneContents(); is(c1.childNodes.length, 2, "Wrong child nodes"); try { is(c1.childNodes[0].localName, "h1", "Wrong child node"); is(c1.childNodes[1].localName, "p", "Wrong child node"); } catch(ex) { ok(!ex, ex); } r.setStart(t2, 6); r.setEnd(p, 0); // <html><body><h1>Hello <em>Wonder ful<\em> Kitty<\h1><p>How are you?<\p><\body></html> // ^----------------------^ is(r.toString(), "ful Kitty", "toString() on range crossing text nodes gave wrong output"); var c2 = r.cloneContents(); is(c2.childNodes.length, 2, "Wrong child nodes"); try { is(c1.childNodes[0].localName, "h1", "Wrong child node"); is(c1.childNodes[1].localName, "p", "Wrong child node"); } catch(ex) { ok(!ex, ex); } var e1 = r.extractContents(); is(e1.childNodes.length, 2, "Wrong child nodes"); try { is(e1.childNodes[0].localName, "h1", "Wrong child node"); is(e1.childNodes[1].localName, "p", "Wrong child node"); } catch(ex) { ok(!ex, ex); } } function testDocument2() { var doc = document.implementation.createDocument("", "", null); var html = doc.createElement('html'); doc.appendChild(html); var head = doc.createElement('head'); html.appendChild(head); var foohead = doc.createElement('foohead'); html.appendChild(foohead); var body = doc.createElement('body'); html.appendChild(body); var d1 = doc.createElement('div'); head.appendChild(d1); var t1 = doc.createTextNode("|||"); d1.appendChild(t1); var d2 = doc.createElement("div"); body.appendChild(d2); var d3 = doc.createElement("div"); d2.appendChild(d3); var d4 = doc.createElement("div"); d2.appendChild(d4); var r = doc.createRange(); r.setStart(t1, 1); r.setEnd(d2, 2); is(r.toString(), "||", "Wrong range"); var c1 = r.cloneContents(); var e1 = r.extractContents(); ok(c1.isEqualNode(e1), "Wrong cloning or extracting!"); } function testSurroundContents() { var div = document.createElement('div'); document.body.appendChild(div); div.innerHTML = '<div>hello</div>world'; var innerDiv = div.firstChild; var hello = innerDiv.firstChild; var range = document.createRange(); range.setStart(hello, 0); range.setEnd(hello, 5); range.surroundContents(document.createElement('code')); is(innerDiv.childNodes.length, 3, "Wrong childNodes count"); is(innerDiv.childNodes[0].nodeName, "#text", "Wrong node name (1)"); is(innerDiv.childNodes[0].textContent, "", "Wrong textContent (1)"); is(innerDiv.childNodes[1].nodeName, "CODE", "Wrong node name (2)"); is(innerDiv.childNodes[1].textContent, "hello", "Wrong textContent (2)"); is(innerDiv.childNodes[2].nodeName, "#text", "Wrong node name (3)"); is(innerDiv.childNodes[2].textContent, "", "Wrong textContent (3)"); } function runTest() { testDocument1(); testDocument2(); testSurroundContents(); SimpleTest.finish(); } SimpleTest.waitForExplicitFinish(); addLoadEvent(runTest); </script> </pre> </body> </html>