MutationObserver-textContent.html

Enable keyboard shortcuts

This WPT test may be referenced by the following Test IDs:
- /dom/nodes/MutationObserver-textContent.html - WPT Dashboard Interop Dashboard

<!doctype html>

<meta charset=utf-8>

<title></title>

<script src=/resources/testharness.js></script>

<script src=/resources/testharnessreport.js></script>

<script>

async function test() {

  let testElement1 = async_test("Setting Element.textContent");

  let el = document.createElement("div");

  let m = new MutationObserver((records) => testElement1.step(()=> {

    assert_equals(records.length, 1, "Should have one record");

    assert_equals(records[0].addedNodes[0].nodeType, Node.TEXT_NODE, "Should have gotten a text node as a child.");

    assert_equals(records[0].addedNodes[0].data, "foo");

    m.disconnect();

    testElement1.done();

  }));

  m.observe(el, { childList: true });

  el.textContent = "foo";

  await Promise.resolve(); // Run microtasks

  let testElement2 = async_test("Setting Element.textContent to the same value");

  m = new MutationObserver((records) => testElement2.step(()=> {

    assert_equals(records.length, 1, "Should have one record");

    assert_equals(records[0].removedNodes[0].nodeType, Node.TEXT_NODE, "Should have removed a text node.");

    assert_equals(records[0].removedNodes[0].data, "foo");

    assert_equals(records[0].addedNodes[0].nodeType, Node.TEXT_NODE, "Should have gotten a text node as a child.");

    assert_equals(records[0].addedNodes[0].data, "foo");

    m.disconnect();

    testElement2.done();

  }));

  m.observe(el, { childList: true });

  testElement2.step(() => { assert_equals(el.textContent, "foo"); });

  el.textContent = "foo";

  await Promise.resolve(); // Run microtasks

  let testElement3 = async_test("Setting Element.textContent to a different value");

  m = new MutationObserver((records) => testElement3.step(()=> {

    assert_equals(records.length, 1, "Should have one record");

    assert_equals(records[0].removedNodes[0].nodeType, Node.TEXT_NODE, "Should have removed a text node.");

    assert_equals(records[0].removedNodes[0].data, "foo");

    assert_equals(records[0].addedNodes[0].nodeType, Node.TEXT_NODE, "Should have gotten a text node as a child.");

    assert_equals(records[0].addedNodes[0].data, "bar");

    m.disconnect();

    testElement3.done();

  }));

  m.observe(el, { childList: true });

  testElement3.step(() => { assert_equals(el.textContent, "foo"); });

  el.textContent = "bar";

  await Promise.resolve(); // Run microtasks

  let testElement4 = async_test("Setting Element.textContent to the same value when the old node is a CDATASection");

  let xml = new DOMParser().parseFromString("<root></root>", "text/xml");

  el = xml.createElement("somelement");

  el.appendChild(xml.createCDATASection("foo"));

  m = new MutationObserver((records) => testElement4.step(()=> {

    assert_equals(records.length, 1, "Should have one record");

    assert_equals(records[0].removedNodes[0].nodeType, Node.CDATA_SECTION_NODE, "Should have removed a cdata node.");

    assert_equals(records[0].removedNodes[0].data, "foo");

    assert_equals(records[0].addedNodes[0].nodeType, Node.TEXT_NODE, "Should have gotten a text node as a child.");

    assert_equals(records[0].addedNodes[0].data, "foo");

    m.disconnect();

    testElement4.done();

  }));

  m.observe(el, { childList: true });

  testElement4.step(() => { assert_equals(el.textContent, "foo"); });

  el.textContent = "foo";

test();

</script>