| 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     <style> |   7     <style> | 
|   8       sandbox /shadow-deep/ div { |   8       sandbox /deep/ div { | 
|   9         padding-top: 20px; |   9         padding-top: 20px; | 
|  10         width: 40px; |  10         width: 40px; | 
|  11       } |  11       } | 
|  12     </style> |  12     </style> | 
|  13 </head> |  13 </head> | 
|  14 <body> |  14 <body> | 
|  15     <div id="sandbox"></div> |  15     <div id="sandbox"></div> | 
|  16     <div id="console"></div> |  16     <div id="console"></div> | 
|  17     <script> |  17     <script> | 
|  18         var sandbox = document.getElementById('sandbox'); |  18         var sandbox = document.getElementById('sandbox'); | 
| (...skipping 10 matching lines...) Expand all  Loading... | 
|  29  |  29  | 
|  30         addEventListeners(['top', 'A', 'B', 'A/', 'A/C', 'A//', 'A//D', 'A//E', 
    'A//F']); |  30         addEventListeners(['top', 'A', 'B', 'A/', 'A/C', 'A//', 'A//D', 'A//E', 
    'A//F']); | 
|  31         showSandboxTree(); |  31         showSandboxTree(); | 
|  32  |  32  | 
|  33         moveMouse('B', 'A//F'); |  33         moveMouse('B', 'A//F'); | 
|  34         moveMouse('A/C', 'B'); |  34         moveMouse('A/C', 'B'); | 
|  35         moveMouse('A/C', 'A//F'); |  35         moveMouse('A/C', 'A//F'); | 
|  36     </script> |  36     </script> | 
|  37 </body> |  37 </body> | 
|  38 </html> |  38 </html> | 
| OLD | NEW |