test_bug454325.html

Enable keyboard shortcuts

<!DOCTYPE HTML>

<html>

<!--

https://bugzilla.mozilla.org/show_bug.cgi?id=454325

-->

<head>

  <title>Test for Bug 454325</title>

  <script 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>