| 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 |