@webcomponents/custom-elements
Version:
HTML Custom Elements Polyfill
29 lines (23 loc) • 756 B
HTML
<script src="../../spec/resources/custom-elements-helpers.js"></script>
<div id="sandbox"></div>
<script>;
test(() => {
let constructors = [];
assert_equals(constructors.length, 0);
class MyElement extends HTMLElement {
constructor() {
super();
constructors.push(this);
}
}
customElements.define('a-a', MyElement);
let importDoc = document.currentScript.ownerDocument;
let sandbox = importDoc.querySelector('#sandbox');
sandbox.innerHTML = '<a-a></a-a>';
let a = importDoc.querySelector('a-a');
assert_is_upgraded(a, MyElement, '<a-a> should be upgraded.');
assert_array_equals(constructors, [a]);
}, 'innerHTML with custom elements should work in imported document.');
</script>