OLD | NEW |
(Empty) | |
| 1 <!DOCTYPE html> |
| 2 <script src="../../resources/testharness.js"></script> |
| 3 <script src="../../resources/testharnessreport.js"></script> |
| 4 <script src="../spec/resources/custom-elements-helpers.js"></script> |
| 5 <script> |
| 6 'use strict'; |
| 7 let constructors = []; |
| 8 </script> |
| 9 <link rel="import" href="resources/async-nested-component.html" async> |
| 10 <script> |
| 11 'use strict'; |
| 12 |
| 13 async_test((test) => { |
| 14 let link = document.querySelector('link[rel=import]'); |
| 15 link.onload = test.step_func_done(() => { |
| 16 let n1 = link.import.querySelector('a-a'); |
| 17 let n2 = link.import.querySelector('b-b'); |
| 18 let n3 = link.import.querySelector('c-c'); |
| 19 |
| 20 assert_is_upgraded(n1, NestedLevel1, 'nested-level1 in import should be cust
om'); |
| 21 assert_is_upgraded(n2, NestedLevel2, 'nested-level2 in import should be cust
om'); |
| 22 assert_is_upgraded(n3, NestedLevel3, 'nested-level3 in import should be cust
om'); |
| 23 |
| 24 // As subimports are sync, the upgrade order should be the order of script e
xecution. |
| 25 let types = constructors.map(e => e.type); |
| 26 assert_array_equals(types, ['nested-level3', 'nested-level2', 'nested-level1
']); |
| 27 }, 'top-level async import should properly run dependent subimports and get el
ements defined.'); |
| 28 }, 'Test for Custom Element defined in async import.'); |
| 29 </script> |
OLD | NEW |