OLD | NEW |
1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
2 <body> | 2 <body> |
3 <form style="display:none"> | 3 <form style="display:none"> |
4 <template id="one"><input></template> | 4 <template id="one"><input></template> |
5 </form> | 5 </form> |
6 <template id="two"><form><template><input></template></form></template> | 6 <template id="two"><form><template><input></template></form></template> |
7 <script src="../../js/resources/js-test-pre.js"></script> | 7 <script src="../../../resources/js-test.js"></script> |
8 <script> | 8 <script> |
9 description("Form control elements inside templates should not be associated wit
h forms outside the template"); | 9 description("Form control elements inside templates should not be associated wit
h forms outside the template"); |
10 | 10 |
11 debug('Form in document, input inside template:'); | 11 debug('Form in document, input inside template:'); |
12 var form = document.querySelector('form'); | 12 var form = document.querySelector('form'); |
13 var input = document.querySelector('#one').content.querySelector('input'); | 13 var input = document.querySelector('#one').content.querySelector('input'); |
14 shouldBe('form.length', '0'); | 14 shouldBe('form.length', '0'); |
15 shouldBeNull('input.form'); | 15 shouldBeNull('input.form'); |
16 | 16 |
17 debug('\nForm in template, input in sub-template:'); | 17 debug('\nForm in template, input in sub-template:'); |
18 form = document.querySelector('#two').content.querySelector('form'); | 18 form = document.querySelector('#two').content.querySelector('form'); |
19 input = document.querySelector('#two').content.querySelector('template').content
.querySelector('input'); | 19 input = document.querySelector('#two').content.querySelector('template').content
.querySelector('input'); |
20 shouldBe('form.length', '0'); | 20 shouldBe('form.length', '0'); |
21 shouldBeNull('input.form'); | 21 shouldBeNull('input.form'); |
22 </script> | 22 </script> |
23 </body> | 23 </body> |
OLD | NEW |