Source code
Revision control
Copy as Markdown
Other Tools
Test Info:
- This WPT test may be referenced by the following Test IDs:
- /custom-elements/registries/constructor-direct-call-fallback-registry.window.html - WPT Dashboard Interop Dashboard
function createShadowForTest(t, customElementRegistry) {
const host = document.createElement('div');
const shadow = host.attachShadow({mode: 'open', customElementRegistry});
document.body.appendChild(host);
t.add_cleanup(() => host.remove());
return shadow;
}
// GlobalOnly is only defined in the global registry, so `new GlobalOnly()` must
// resolve against it even during a scoped upgrade.
class GlobalOnly extends HTMLElement {}
window.customElements.define('global-only-element', GlobalOnly);
test(t => {
let nestedElement;
let nestedError;
class ScopedElement extends HTMLElement {
constructor() {
super();
try {
nestedElement = new GlobalOnly();
} catch (e) {
nestedError = e;
}
}
}
const registry = new CustomElementRegistry();
registry.define('scoped-element-1', ScopedElement);
const shadow = createShadowForTest(t, registry);
shadow.innerHTML = '<scoped-element-1></scoped-element-1>';
const shadowElement = shadow.firstChild;
assert_true(shadowElement instanceof ScopedElement);
assert_equals(shadowElement.localName, 'scoped-element-1');
assert_equals(nestedError, undefined,
'new GlobalOnly() should not throw during a scoped upgrade');
assert_true(nestedElement instanceof GlobalOnly);
assert_equals(nestedElement.localName, 'global-only-element');
}, 'Direct construction of a global-only element after super() during a scoped upgrade');
test(t => {
let nestedElement;
let nestedError;
class ScopedElement extends HTMLElement {
constructor() {
try {
nestedElement = new GlobalOnly();
} catch (e) {
nestedError = e;
}
super();
}
}
const registry = new CustomElementRegistry();
registry.define('scoped-element-2', ScopedElement);
const shadow = createShadowForTest(t, registry);
shadow.innerHTML = '<scoped-element-2></scoped-element-2>';
const shadowElement = shadow.firstChild;
assert_true(shadowElement instanceof ScopedElement);
assert_equals(shadowElement.localName, 'scoped-element-2');
assert_equals(nestedError, undefined,
'new GlobalOnly() should not throw during a scoped upgrade');
assert_true(nestedElement instanceof GlobalOnly);
assert_equals(nestedElement.localName, 'global-only-element');
}, 'Direct construction of a global-only element before super() during a scoped upgrade');