@webcomponents/custom-elements
Version:
HTML Custom Elements Polyfill
31 lines (26 loc) • 1.35 kB
HTML
<script src="../../resources/testharness.js"></script>
<script src="../../resources/testharnessreport.js"></script>
<script src="../spec/resources/custom-elements-helpers.js"></script>
<script>;
let constructors = [];
</script>
<link id="import1" rel="import" href="resources/async-nested-component.html" async>
<script>;
async_test((test) => {
import1.onload = test.step_func_done(() => {
let n1 = import1.import.querySelector('a-a');
let n2 = import1.import.querySelector('b-b');
let n3 = import1.import.querySelector('c-c');
assert_is_upgraded(n1, NestedLevel1, 'nested-level1 in import should be custom');
assert_is_upgraded(n2, NestedLevel2, 'nested-level2 in import should be custom');
assert_is_upgraded(n3, NestedLevel3, 'nested-level3 in import should be custom');
// As subimports are sync, the upgrade order should be the order of script execution.
let types = constructors.map(e => e.type);
assert_array_equals(types, ['nested-level3', 'nested-level2', 'nested-level1'],
'upgrade order should be the order of script execution in imports');
}, 'top-level async import should properly run dependent subimports and get elements defined.');
}, 'custom elements defined in nested imports from an async import should work.');
</script>