Chromium Code Reviews| OLD | NEW |
|---|---|
| 1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
| 2 <title>Custom Elements: create an element inside a template </title> | 2 <title>Custom Elements: create an element inside a template </title> |
| 3 <link rel="help" href="https://dom.spec.whatwg.org/#concept-create-element"> | 3 <link rel="help" href="https://dom.spec.whatwg.org/#concept-create-element"> |
| 4 <script src="../../resources/testharness.js"></script> | 4 <script src="../../resources/testharness.js"></script> |
| 5 <script src="../../resources/testharnessreport.js"></script> | 5 <script src="../../resources/testharnessreport.js"></script> |
| 6 <script src="resources/custom-elements-helpers.js"></script> | 6 <script src="resources/custom-elements-helpers.js"></script> |
| 7 <iframe id="iframe"></iframe> | 7 <iframe id="iframe"></iframe> |
| 8 <script> | 8 <script> |
| 9 'use strict'; | 9 'use strict'; |
| 10 | 10 |
| 11 // Setup iframe to test the parser. | 11 iframe.srcdoc = `<template id="test"><a-a></a-a></template>`; |
| 12 iframe.srcdoc = `<template id="test"><a-a>innerHTML</a-a></template>`; | |
| 13 setup({ explicit_done: true }); | 12 setup({ explicit_done: true }); |
| 14 iframe.onload = () => { | 13 iframe.onload = () => { |
| 14 let logs = []; | |
| 15 let doc = iframe.contentDocument; | 15 let doc = iframe.contentDocument; |
| 16 let w = doc.defaultView; | |
| 16 let tmpl = doc.querySelector('#test'); | 17 let tmpl = doc.querySelector('#test'); |
| 17 let element = tmpl.content.querySelector('a-a'); | 18 let element = tmpl.content.querySelector('a-a'); |
| 19 console.log(element + ''); | |
|
kojii
2016/09/06 08:10:55
Please remove this one too.
| |
| 20 w.customElements.define('a-a', class extends w.HTMLElement { | |
| 21 constructor() { super(); logs.push('construct'); } | |
| 22 connectedCallback() { logs.push('connected'); } | |
| 23 } | |
| 24 ); | |
| 18 test(function () { | 25 test(function () { |
| 19 assert_false(element.matches(':defined')); | 26 assert_true(element.matches(':not(:defined)')); |
| 27 assert_true(element instanceof w.HTMLElement); | |
| 28 logs.push('test'); | |
| 20 }, 'Custom element state in template content should be "not defined"'); | 29 }, 'Custom element state in template content should be "not defined"'); |
| 21 done(); | 30 done(); |
| 22 }; | 31 }; |
| 23 </script> | 32 </script> |
| OLD | NEW |