84 lines
No EOL
5 KiB
HTML
84 lines
No EOL
5 KiB
HTML
<!DOCTYPE html>
|
|
<link rel="help" href="https://dom.spec.whatwg.org/#concept-create-element">
|
|
<script src="/resources/testharness.js"></script>
|
|
<script src="/resources/testharnessreport.js"></script>
|
|
<script src="../resources/custom-elements-helpers.js"></script>
|
|
<body>
|
|
<script>
|
|
// Returns a promise which will resolve with the next error event fired at any
|
|
// of `windows`, after the invocation of this function. Once one does, this
|
|
// function removes its listeners and produces that error event so that it can
|
|
// be examined (most notably for which global proxy it was targeted at).
|
|
async function nextErrorEvent(windows) {
|
|
let listener;
|
|
let p = new Promise((resolve, reject) => {
|
|
listener = (event) => { resolve(event); event.preventDefault(); };
|
|
});
|
|
for (let w of windows) {
|
|
w.addEventListener('error', listener);
|
|
}
|
|
try {
|
|
return await p;
|
|
} finally {
|
|
for (let w of windows) {
|
|
w.removeEventListener('error', listener);
|
|
}
|
|
}
|
|
}
|
|
const supportsCustomizedBuiltinElements = (function() {
|
|
let supported = false;
|
|
customElements.define('feature-detect', class extends HTMLDivElement {}, { get extends() { supported = true; return "div"; } });
|
|
return supported;
|
|
})();
|
|
|
|
promise_test(async t => {
|
|
let w = await create_window_in_test(t, `<script>self.MyElement = class extends HTMLElement { constructor() { throw new Error(); } };</`+`script>`);
|
|
let w2 = await create_window_in_test(t);
|
|
w2.customElements.define('my-element', w.MyElement);
|
|
let nextErrorPromise = nextErrorEvent([self, w, w2]);
|
|
let elem = w2.document.createElement('my-element');
|
|
let errorEvent = await nextErrorPromise;
|
|
assert_true(elem instanceof w2.HTMLUnknownElement, 'element should be an HTMLUnknownElement');
|
|
if (errorEvent.error) {
|
|
assert_true(errorEvent.error instanceof w.Error, 'error should be an instance created inside the MyElement constructor (if it was not muted)');
|
|
}
|
|
assert_equals(errorEvent.target, w, `error event should target definition's global but instead targets ${event.target === w2 ? 'document\'s global' : 'test harness global'}`);
|
|
}, 'autonomous: exception thrown in constructor is reported to definition\'s global');
|
|
|
|
promise_test(async t => {
|
|
let w = await create_window_in_test(t, `<script>self.MyElement = class extends HTMLElement { constructor() { this.textContent = 'hello!'; } };</`+`script>`);
|
|
let w2 = await create_window_in_test(t);
|
|
w2.customElements.define('my-element', w.MyElement);
|
|
let nextErrorPromise = nextErrorEvent([self, w, w2]);
|
|
let elem = w2.document.createElement('my-element');
|
|
let errorEvent = await nextErrorPromise;
|
|
assert_true(elem instanceof w2.HTMLUnknownElement, 'element should be an HTMLUnknownElement');
|
|
assert_equals(errorEvent.target, w, `error event should target definition's global but instead targets ${event.currentTarget === w2 ? 'document\'s global' : 'test harness global'}`);
|
|
}, 'autonomous: exception thrown by spec due to invalid element state is reported to definition\'s global');
|
|
|
|
promise_test(async t => {
|
|
assert_implements(supportsCustomizedBuiltinElements, 'customized built-in elements not supported');
|
|
let w = await create_window_in_test(t, `<script>self.MyDivElement = class extends HTMLDivElement { constructor() { throw new Error(); } };</`+`script>`);
|
|
let w2 = await create_window_in_test(t);
|
|
w2.customElements.define('my-div', w.MyDivElement, {extends: 'div'});
|
|
let nextErrorPromise = nextErrorEvent([self, w, w2]);
|
|
let elem = w2.document.createElement('div', {is: 'my-div'});
|
|
let errorEvent = await nextErrorPromise;
|
|
assert_equals(Object.getPrototypeOf(elem), w2.HTMLDivElement.prototype, 'element should be an HTMLDivElement (and not inherited from it)');
|
|
assert_true(errorEvent.error instanceof w.Error, 'error should be an instance created inside the MyElement constructor');
|
|
assert_equals(errorEvent.target, w, `error event should target definition's global but instead targets ${event.target === w2 ? 'document\'s global' : 'test harness global'}`);
|
|
}, 'customized built-in: exception thrown in constructor is reported to definition\'s global');
|
|
|
|
promise_test(async t => {
|
|
assert_implements(supportsCustomizedBuiltinElements, 'customized built-in elements not supported');
|
|
let w = await create_window_in_test(t, `<script>self.MyDivElement = class extends HTMLDivElement { constructor() { return document.createElement('div'); } };</`+`script>`);
|
|
let w2 = await create_window_in_test(t);
|
|
w2.customElements.define('my-div', w.MyDivElement, {extends: 'div'});
|
|
let nextErrorPromise = nextErrorEvent([self, w, w2]);
|
|
let elem = w2.document.createElement('div', {is: 'my-div'});
|
|
let errorEvent = await nextErrorPromise;
|
|
assert_equals(Object.getPrototypeOf(elem), w2.HTMLDivElement.prototype, 'element should be an HTMLDivElement (and not inherited from it)');
|
|
assert_equals(errorEvent.target, w, `error event should target definition's global but instead targets ${event.currentTarget === w2 ? 'document\'s global' : 'test harness global'}`);
|
|
}, 'customized built-in: exception thrown by spec due to not returning the same value is reported to definition\'s global');
|
|
</script>
|
|
</body> |