| <!DOCTYPE html> |
| <script src="../../resources/testharness.js"></script> |
| <script src="../../resources/testharnessreport.js"></script> |
| <link id="import1" rel="import" href="resources/adopted-nodes.html"> |
| <body> |
| <b-b id="x"></b-b> |
| <b-b id="y"></b-b> |
| <b-b id="z"></b-b> |
| </body> |
| <script> |
| 'use strict'; |
| |
| test(() => { |
| let reactions = []; |
| |
| customElements.define('a-a', class extends HTMLElement { |
| adoptedCallback() { |
| reactions.push(this); |
| } |
| }); |
| |
| let importDoc = import1.import; |
| |
| let a = importDoc.querySelector('#a'); |
| assert_equals(a.ownerDocument, importDoc); |
| document.body.appendChild(a); |
| assert_equals(a.ownerDocument, document, 'After appendChild(), node document should change.'); |
| |
| let b = importDoc.querySelector('#b'); |
| assert_equals(b.ownerDocument, importDoc); |
| let b2 = document.importNode(b); |
| assert_equals(b.ownerDocument, importDoc, 'importNode() should not change node document.'); |
| assert_equals(b2.ownerDocument, document, |
| 'importNode() should copy node from one document to another.'); |
| |
| let c = importDoc.querySelector('#c'); |
| assert_equals(c.ownerDocument, importDoc); |
| let c2 = document.adoptNode(c); |
| assert_equals(c.ownerDocument, document, 'adoptNode should have changed node document.'); |
| assert_equals(c, c2, 'adoptNode() should move node from another document.'); |
| |
| assert_array_equals(importDoc.querySelectorAll('a-a'), [b], |
| 'Only <a-a#b> should remain in the imported document.'); |
| assert_array_equals(reactions, [a, c], |
| 'appendChild() and adoptNode() should cause adoptedCallback.'); |
| }, 'adoptedCallback should be invoked when moving custom element from import to master document'); |
| |
| test(() => { |
| let reactions = []; |
| |
| customElements.define('b-b', class extends HTMLElement { |
| adoptedCallback() { |
| reactions.push(this); |
| } |
| }); |
| |
| let importDoc = import1.import; |
| |
| let x = document.querySelector('#x'); |
| assert_equals(x.ownerDocument, document); |
| importDoc.body.appendChild(x); |
| assert_equals(x.ownerDocument, importDoc, 'After appendChild(), node document should change.'); |
| |
| let y = document.querySelector('#y'); |
| assert_equals(y.ownerDocument, document); |
| let y2 = importDoc.importNode(y); |
| assert_equals(y.ownerDocument, document, 'importNode() should not change node document.'); |
| assert_equals(y2.ownerDocument, importDoc, |
| 'importNode() should copy node from one document to another.'); |
| |
| let z = document.querySelector('#z'); |
| assert_equals(z.ownerDocument, document); |
| let z2 = importDoc.adoptNode(z); |
| assert_equals(z.ownerDocument, importDoc, 'adoptNode should have changed node document.'); |
| assert_equals(z, z2, 'adoptNode() should move node from another document.'); |
| |
| assert_array_equals(document.querySelectorAll('b-b'), [y], |
| 'Only <b-b#y> should remain in the imported document.'); |
| assert_array_equals(reactions, [x, z], |
| 'appendChild() and adoptNode() should cause adoptedCallback.'); |
| }, 'adoptedCallback should be invoked when moving custom element from master document to import'); |
| </script> |