| OLD | NEW | 
|---|
| 1 <!DOCTYPE html> | 1 <!DOCTYPE html> | 
| 2 <html> | 2 <html> | 
| 3 <head> | 3 <head> | 
| 4     <script src="../../../resources/js-test.js"></script> | 4     <script src="../../../resources/js-test.js"></script> | 
| 5     <script src="resources/shadow-dom.js"></script> | 5     <script src="resources/shadow-dom.js"></script> | 
| 6     <script src="resources/event-dispatching.js"></script> | 6     <script src="resources/event-dispatching.js"></script> | 
| 7 </head> | 7 </head> | 
| 8 <body> | 8 <body> | 
| 9     <p id="description"></p> | 9     <p id="description"></p> | 
| 10     <div id="sandbox"></div> | 10     <div id="sandbox"></div> | 
| 11     <pre id="console"></pre> | 11     <pre id="console"></pre> | 
| 12     <script> | 12     <script> | 
| 13         var sandbox = document.getElementById('sandbox'); | 13         var sandbox = document.getElementById('sandbox'); | 
| 14 | 14 | 
| 15         sandbox.appendChild( | 15         sandbox.appendChild( | 
| 16             createDOM('div', {'id': 'top'}, | 16             createDOM('div', {'id': 'top'}, | 
| 17                       createDOM('div', {'id': 'A'}, | 17                       createDOM('div', {'id': 'A'}, | 
| 18                                 createShadowRoot({'id': 'older-shadow-root'}, | 18                                 createShadowRoot({'id': 'older-shadow-root'}, | 
| 19                                                  createDOM('content', {'id': 'C'
    }), | 19                                                  createDOM('content', {'id': 'C'
    }), | 
| 20                                                  createDOM('div', {'id': 'D'})), | 20                                                  createDOM('div', {'id': 'D'})), | 
| 21                                 createShadowRoot({'id': 'younger-shadow-root'}, | 21                                 createShadowRoot({'id': 'younger-shadow-root'}, | 
| 22                                                  createDOM('shadow', {'id': 'E'}
    , | 22                                                  createDOM('shadow', {'id': 'E'}
    ), | 
| 23                                                             createDOM('content',
     {'id': 'EC'})), |  | 
| 24                                                  createDOM('div', {'id': 'F'})), | 23                                                  createDOM('div', {'id': 'F'})), | 
| 25                                 createDOM('div', {'id': 'B'})))); | 24                                 createDOM('div', {'id': 'B'})))); | 
| 26 | 25 | 
| 27         addEventListeners(['top', 'A', 'B', 'A/', 'A/C', 'A/D', 'A//', 'A//E', '
    A//EC', 'A//F']); | 26         addEventListeners(['top', 'A', 'B', 'A/', 'A/C', 'A/D', 'A//', 'A//E', '
    A//F']); | 
| 28         showSandboxTree(); | 27         showSandboxTree(); | 
| 29 | 28 | 
| 30         moveMouse('B', 'A'); | 29         moveMouse('B', 'A'); | 
| 31         moveMouse('A/D', 'A//F'); | 30         moveMouse('A/D', 'A//F'); | 
| 32         moveMouse('B', 'A//F'); | 31         moveMouse('B', 'A//F'); | 
| 33     </script> | 32     </script> | 
| 34 </body> | 33 </body> | 
| 35 </html> | 34 </html> | 
| OLD | NEW | 
|---|