custom-elements/registries/Document-importNode-cross-document.window.js

// Target document has a global registry

test(t => {
  const contentDocument = document.body.appendChild(document.createElement('iframe')).contentDocument;
  t.add_cleanup(() => contentDocument.defaultView.frameElement.remove());

  const element = document.createElement("div");
  const clone = contentDocument.importNode(element);
  assert_equals(clone.customElementRegistry, contentDocument.defaultView.customElements);
}, "Cloning with global registry");

test(t => {
  const contentDocument = document.body.appendChild(document.createElement('iframe')).contentDocument;
  t.add_cleanup(() => contentDocument.defaultView.frameElement.remove());

  const element = document.createElement("div", { customElementRegistry: customElements });
  const clone = contentDocument.importNode(element);
  assert_equals(clone.customElementRegistry, contentDocument.defaultView.customElements);
}, "Cloning with explicit global registry");

test(t => {
  const contentDocument = document.body.appendChild(document.createElement('iframe')).contentDocument;
  t.add_cleanup(() => contentDocument.defaultView.frameElement.remove());

  const scoped = new CustomElementRegistry();
  const element = document.createElement("div", { customElementRegistry: scoped });
  const clone = contentDocument.importNode(element);
  assert_equals(clone.customElementRegistry, scoped);
}, "Cloning with scoped registry");

test(t => {
  const contentDocument = document.body.appendChild(document.createElement('iframe')).contentDocument;
  t.add_cleanup(() => contentDocument.defaultView.frameElement.remove());

  const element = document.createElement("div");
  const elementShadow = element.attachShadow({ mode: "open", clonable: true });
  const clone = contentDocument.importNode(element);
  assert_equals(clone.shadowRoot.customElementRegistry, contentDocument.defaultView.customElements);
}, "Cloning including shadow tree with global registry");

test(t => {
  const contentDocument = document.body.appendChild(document.createElement('iframe')).contentDocument;
  t.add_cleanup(() => contentDocument.defaultView.frameElement.remove());

  const element = document.createElement("div");
  const elementShadow = element.attachShadow({ mode: "open", clonable: true, customElementRegistry: customElements });
  const clone = contentDocument.importNode(element);
  assert_equals(clone.shadowRoot.customElementRegistry, contentDocument.defaultView.customElements);
}, "Cloning including shadow tree with explicit global registry");

test(t => {
  const contentDocument = document.body.appendChild(document.createElement('iframe')).contentDocument;
  t.add_cleanup(() => contentDocument.defaultView.frameElement.remove());

  const scoped = new CustomElementRegistry();
  const element = document.createElement("div");
  const elementShadow = element.attachShadow({ mode: "open", clonable: true, customElementRegistry: scoped });
  const clone = contentDocument.importNode(element);
  assert_equals(clone.shadowRoot.customElementRegistry, scoped);
}, "Cloning including shadow tree with scoped registry");


// Target document has a null registry

test(t => {
  const contentDocument = document.implementation.createHTMLDocument();

  const element = document.createElement("div");
  const clone = contentDocument.importNode(element);
  assert_equals(clone.customElementRegistry, null);
}, "Cloning with global registry (null registry target)");

test(t => {
  const contentDocument = document.implementation.createHTMLDocument();

  const element = document.createElement("div", { customElementRegistry: customElements });
  const clone = contentDocument.importNode(element);
  assert_equals(clone.customElementRegistry, null);
}, "Cloning with explicit global registry (null registry target)");

test(t => {
  const contentDocument = document.implementation.createHTMLDocument();

  const scoped = new CustomElementRegistry();
  const element = document.createElement("div", { customElementRegistry: scoped });
  const clone = contentDocument.importNode(element);
  assert_equals(clone.customElementRegistry, scoped);
}, "Cloning with scoped registry (null registry target)");

test(t => {
  const contentDocument = document.implementation.createHTMLDocument();

  const element = document.createElement("div");
  const elementShadow = element.attachShadow({ mode: "open", clonable: true });
  const clone = contentDocument.importNode(element);
  assert_equals(clone.shadowRoot.customElementRegistry, null);
}, "Cloning including shadow tree with global registry (null registry target)");

test(t => {
  const contentDocument = document.implementation.createHTMLDocument();

  const element = document.createElement("div");
  const elementShadow = element.attachShadow({ mode: "open", clonable: true, customElementRegistry: customElements });
  const clone = contentDocument.importNode(element);
  assert_equals(clone.shadowRoot.customElementRegistry, null);
}, "Cloning including shadow tree with explicit global registry (null registry target)");

test(t => {
  const contentDocument = document.implementation.createHTMLDocument();

  const scoped = new CustomElementRegistry();
  const element = document.createElement("div");
  const elementShadow = element.attachShadow({ mode: "open", clonable: true, customElementRegistry: scoped });
  const clone = contentDocument.importNode(element);
  assert_equals(clone.shadowRoot.customElementRegistry, scoped);
}, "Cloning including shadow tree with scoped registry (null registry target)");