Construct.tentative.html

Enable keyboard shortcuts

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

<!DOCTYPE html>

<html>

<head>

<meta name="author" title="Ryosuke Niwa" href="mailto:rniwa@webkit.org">

<link rel="help" href="https://github.com/whatwg/html/issues/10854">

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

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

</head>

<body>

<script>

test(() => {

    class ABElement extends HTMLElement { };

    const scopedRegistry = new CustomElementRegistry;

    scopedRegistry.define('a-b', ABElement);

    assert_throws_js(TypeError, () => new ABElement);

}, 'A constructor with only a scoped custom element registry definition should fail upon construction');

test(() => {

    class CElement extends HTMLElement { };

    const scopedRegistry = new CustomElementRegistry;

    scopedRegistry.define('scoped-c', CElement);

    customElements.define('global-c', CElement);

    const cElement = new CElement;

    assert_equals(cElement.localName, 'global-c');

}, 'A constructor uses the global registry to create an element');

test(() => {

    let fgElement;

    let hiElement;

    class DEElement extends HTMLElement {

        constructor() {

            fgElement = document.createElement('f-g', {customElements: scopedRegistry2});

            super();

            hiElement = document.createElement('h-i', {customElements: scopedRegistry2});

};

    class FGElement extends HTMLElement { }

    class HIElement extends HTMLElement { }

    const scopedRegistry1 = new CustomElementRegistry;

    scopedRegistry1.define('d-e', DEElement);

    const scopedRegistry2 = new CustomElementRegistry;

    scopedRegistry2.define('f-g', FGElement);

    scopedRegistry2.define('h-i', HIElement);

    const deElement = document.createElement('d-e', {customElements: scopedRegistry1});

    assert_true(deElement instanceof DEElement);

    assert_equals(deElement.customElements, scopedRegistry1);

    assert_true(fgElement instanceof FGElement);

    assert_equals(fgElement.customElements, scopedRegistry2);

    assert_true(hiElement instanceof HIElement);

    assert_equals(hiElement.customElements, scopedRegistry2);

}, 'A constructor creating an element from another registry before or after super call should work');

</script>

</body>

</html>