| OLD | NEW | 
|   1 <!DOCTYPE html> |   1 <!DOCTYPE html> | 
|   2 <html> |   2 <html> | 
|   3 <head> |   3 <head> | 
|   4     <script src="../../js/resources/js-test-pre.js"></script> |   4     <script src="../../js/resources/js-test-pre.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                       // 'details/summary' elements use Shadow DOM in its implem
    entation. |  17                       // 'details/summary' elements use Shadow DOM in its implem
    entation. | 
|  18                       createDOM('details', {'id': 'details', 'open': true}, |  18                       createDOM('details', {'id': 'details', 'open': true}, | 
|  19                                 createDOM('summary', {'id': 'summary'})))); |  19                                 createDOM('summary', {'id': 'summary'})))); | 
|  20  |  20  | 
|  21         addEventListeners(['top', 'details', 'summary']); |  21         addEventListeners(['top', 'details', 'summary']); | 
|  22         showSandboxTree(); |  22         showSandboxTree(); | 
|  23  |  23  | 
|  24         moveMouse('details', 'summary'); |  24         moveMouse('details', 'summary'); | 
|  25         moveMouse('summary', 'details'); |  25         moveMouse('summary', 'details'); | 
|  26     </script> |  26     </script> | 
|  27     <script src="../../js/resources/js-test-post.js"></script> |  | 
|  28 </body> |  27 </body> | 
|  29 </html> |  28 </html> | 
|  30  |  29  | 
| OLD | NEW |