| <!DOCTYPE html> |
| <script src="../resources/testharness.js"></script> |
| <script src="../resources/testharnessreport.js"></script> |
| <body> |
| <div id=log></div> |
| <div id=container></div> |
| <script> |
| test(() => { |
| var upgraded = false; |
| class MyCustomElement extends HTMLElement { |
| constructor() { super(); upgraded = true; } |
| } |
| customElements.define('my-custom-element', MyCustomElement); |
| log.addEventListener('DOMNodeRemoved', function (e) { |
| if (document.querySelector('#log')) |
| document.adoptNode(log); |
| }); |
| assert_throws('NotFoundError', () => { log.outerHTML = '<my-custom-element></my-custom-element>'; }); |
| assert_true(upgraded, 'MyCustomElement constructor should be called'); |
| }, 'CEReactions should rethrow an exception by the originally-specified steps; 1'); |
| |
| test(() => { |
| var disconnected = false; |
| class MyCustomElement2 extends HTMLElement { |
| disconnectedCallback() { this.style.display = 'none'; disconnected = true; } |
| } |
| customElements.define('my-custom-element-2', MyCustomElement2); |
| var container = document.querySelector('#container'); |
| var myElement = document.createElement('my-custom-element-2'); |
| container.innerHTML = "a"; |
| container.appendChild(myElement); |
| assert_throws("HierarchyRequestError", () => container.firstChild.before("b", container)); |
| assert_true(disconnected, 'diconnectedCallback() should be called'); |
| }, 'CEReactions should rethrow an exception by the originally-specified steps; 2'); |
| </script> |
| </body> |
