| <!DOCTYPE html> |
| <script src="../../resources/testharness.js"></script> |
| <script src="../../resources/testharnessreport.js"></script> |
| <script src="../spec/resources/custom-elements-helpers.js"></script> |
| <script> |
| 'use strict'; |
| |
| let constructors = []; |
| </script> |
| <link id="import1" rel="import" href="resources/async-nested-component.html" async> |
| <script> |
| 'use strict'; |
| |
| 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> |