CustomElementRegistry-constructor.tentative.html

Enable keyboard shortcuts

This test has a WPT meta file that expects 1 subtest issues.
This WPT test may be referenced by the following Test IDs:
- /custom-elements/scoped-registry/CustomElementRegistry-constructor.tentative.html - WPT Dashboard Interop Dashboard

<!DOCTYPE html>

<meta name="author" title="Xiaocheng Hu" href="mailto:xiaochengh@chromium.org">

<meta name="assert" content="User code can create non-global CustomElementRegistry instances and add definitions">

<link rel="help" href="https://wicg.github.io/webcomponents/proposals/Scoped-Custom-Element-Registries">

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

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

<script>

test(() => {

  let registry = new CustomElementRegistry();

  assert_not_equals(registry, window.customElements);

  // Define an autonomous element with the new registry. It should not become a

  // global definition.

  class MyAutonomous extends HTMLElement {};

  registry.define('my-autonomous', MyAutonomous);

  assert_equals(registry.get('my-autonomous'), MyAutonomous);

  assert_equals(window.customElements.get('my-autonomous'), undefined);

  assert_false(document.createElement('my-autonomous') instanceof MyAutonomous);

  // Do the same for a customized built-in element.

  class MyCustomizedBuiltIn extends HTMLParagraphElement {};

  registry.define('my-customized-builtin', MyCustomizedBuiltIn, {extends: 'p'});

  assert_equals(registry.get('my-customized-builtin'), MyCustomizedBuiltIn);

  assert_equals(window.customElements.get('my-customized-builtin'), undefined);

  assert_false(document.createElement('p', {is: 'my-customized-builtin'}) instanceof MyCustomizedBuiltIn);

}, 'Create non-global CustomElementRegistry and add definitions');

</script>