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 // Setup iframe to test the parser. |
12 iframe.srcdoc = `<template id="test"><a-a>innerHTML</a-a></template>`; | 12 iframe.srcdoc = `<template id="test"><a-a>innerHTML</a-a></template>`; |
13 setup({ explicit_done: true }); | 13 setup({ explicit_done: true }); |
14 iframe.onload = () => { | 14 iframe.onload = () => { |
15 let doc = iframe.contentDocument; | 15 let doc = iframe.contentDocument; |
16 let tmpl = doc.querySelector('#test'); | 16 let tmpl = doc.querySelector('#test'); |
17 let element = tmpl.content.querySelector('a-a'); | 17 let element = tmpl.content.querySelector('a-a'); |
18 assert_equals(element.matches(':defined'), true, 'matches(":defined")'); | 18 test(function () { |
| 19 assert_false(element.matches(':defined')); |
| 20 }, 'Custom element state in template content should be "not defined"'); |
19 done(); | 21 done(); |
20 }; | 22 }; |
21 </script> | 23 </script> |
OLD | NEW |