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