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