live-collections-batched-mutations.window.js

Enable keyboard shortcuts

This WPT test may be referenced by the following Test IDs:
- /dom/nodes/live-collections-batched-mutations.window.html - WPT Dashboard Interop Dashboard

"use strict";

test(() => {

  const parent = document.createElement("div");

  const { children } = parent;

  const iterator = children[Symbol.iterator]();

  const first = document.createElement("span");

  const second = document.createElement("span");

  second.id = "second";

  parent.append(first, "text", second);

  assert_equals(parent.children, children);

  assert_equals(iterator.next().value, first);

  assert_equals(children.length, 2);

  assert_equals(children[1], second);

  assert_equals(children.item(1), second);

  assert_equals(children.namedItem("second"), second);

  assert_equals(children.second, second);

  assert_array_equals(Object.getOwnPropertyNames(children), ["0", "1", "second"]);

  first.remove();

  assert_array_equals([...children], [second]);

  assert_array_equals(Object.keys(children), ["0"]);

}, "children on Element instances remains live across batched mutations and supported access methods");

test(() => {

  const parent = document.createElement("div");

  const { childNodes } = parent;

  const iterator = childNodes[Symbol.iterator]();

  const first = document.createElement("span");

  const text = document.createTextNode("text");

  const second = document.createElement("span");

  parent.append(first, text, second);

  assert_equals(parent.childNodes, childNodes);

  assert_equals(iterator.next().value, first);

  assert_equals(childNodes.length, 3);

  assert_equals(childNodes[2], second);

  assert_equals(childNodes.item(2), second);

  assert_array_equals(Object.getOwnPropertyNames(childNodes), ["0", "1", "2"]);

  first.remove();

  assert_array_equals([...childNodes], [text, second]);

  assert_array_equals(Object.keys(childNodes), ["0", "1"]);

}, "childNodes on Node instances remains live across batched mutations and supported access methods");