OLD | NEW |
---|---|
1 <!doctype html> | 1 <!doctype html> |
2 <html> | |
3 <head> | |
4 <script src="../resources/js-test.js"></script> | 2 <script src="../resources/js-test.js"></script> |
5 <script src="../fast/dom/shadow/resources/shadow-dom.js"></script> | 3 <script src="../fast/dom/shadow/resources/shadow-dom.js"></script> |
6 </head> | |
7 <body> | 4 <body> |
8 <div id="host1"></div> | 5 <div id="host1"></div> |
9 <div id="host2"></div> | 6 <div id="host2"></div> |
10 <div id="host3"></div> | 7 <div id="host3"></div> |
11 <div id="host4"></div> | |
12 </body> | 8 </body> |
13 <script> | 9 <script> |
14 debug('Attach open shadow root.'); | 10 debug('Attach open shadow root.'); |
15 var host1 = document.querySelector('#host1'); | 11 var host1 = document.querySelector('#host1'); |
16 var root1 = host1.attachShadow({mode: 'open'}); | 12 shouldBeNonNull("host1.attachShadow({mode: 'open'})"); |
17 shouldBeNonNull(root1); | |
18 | 13 |
19 debug('Attach closed shadow root.'); | 14 debug('Attach closed shadow root.'); |
20 var host2 = document.querySelector('#host2'); | 15 var host2 = document.querySelector('#host2'); |
21 shouldBeNonNull("host2.createShadowRoot({mode: 'closed'})"); | 16 shouldBeNonNull("host2.attachShadow({mode: 'closed'})"); |
22 | |
23 debug('Create shadow root with empty parameter.'); | |
24 var host3 = document.querySelector('#host3'); | |
25 var root3 = host3.createShadowRoot({}); | |
26 shouldBeNonNull(root3); | |
kochi
2016/03/09 05:44:44
This test does not make sense now and removed.
| |
27 | 17 |
28 debug('Attach shadow root whose mode is neither open nor closed.'); | 18 debug('Attach shadow root whose mode is neither open nor closed.'); |
29 var host4 = document.querySelector('#host4'); | 19 var host4 = document.querySelector('#host3'); |
30 shouldThrow("host4.attachShadow({mode: 'illegal'})"); | 20 shouldThrow("host4.attachShadow({mode: 'illegal'})"); |
31 | 21 |
32 debug('Attach open shadow root with shadow-dom.js utility.'); | 22 debug('Attach open shadow root with shadow-dom.js utility.'); |
33 document.body.appendChild( | 23 document.body.appendChild( |
34 createDOM('div', {id: 'host5'}, | 24 createDOM('div', {id: 'host5'}, |
35 createShadowRoot({mode: 'open'}))); | 25 attachShadow({mode: 'open'}))); |
36 var host5 = document.querySelector('#host5'); | 26 var host5 = document.querySelector('#host5'); |
37 var root5 = host5.shadowRoot; | 27 var root5 = host5.shadowRoot; |
38 shouldBeNonNull(root5); | 28 shouldBeNonNull(root5); |
39 | 29 |
40 debug('Attach shadow root on already shadowed host will raise InvalidStateError exception.'); | 30 debug('Attach shadow root on already shadowed host will raise InvalidStateError exception.'); |
41 shouldThrow("host1.attachShadow({mode: 'open'})"); | 31 shouldThrow("host1.attachShadow({mode: 'open'})"); |
42 </script> | 32 </script> |
43 </html> | |
OLD | NEW |