| 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': 'host'}, | 17                       createDOM('div', {'id': 'host'}, | 
| 18                                 createShadowRoot({'id': 'shadow-root'}, | 18                                 createShadowRoot({'id': 'shadow-root'}, | 
| 19                                                  createDOM('div', {'id': 'div1'}
    ), | 19                                                  createDOM('div', {'id': 'div1'}
    ), | 
| 20                                                  createDOM('div', {'id': 'div2'}
    ))))); | 20                                                  createDOM('div', {'id': 'div2'}
    ))))); | 
| 21 | 21 | 
| 22         addEventListeners(['top', 'host', 'host/', 'host/div1', 'host/div2']); | 22         addEventListeners(['top', 'host', 'host/', 'host/div1', 'host/div2']); | 
| 23         showSandboxTree(); | 23         showSandboxTree(); | 
| 24 | 24 | 
| 25         var div1 = getNodeInTreeOfTrees('host/div1'); | 25         var div1 = getNodeInComposedTree('host/div1'); | 
| 26         var div2 = getNodeInTreeOfTrees('host/div2'); | 26         var div2 = getNodeInComposedTree('host/div2'); | 
| 27 | 27 | 
| 28         clearEventRecords(); | 28         clearEventRecords(); | 
| 29         var event = document.createEvent("MouseEvents"); | 29         var event = document.createEvent("MouseEvents"); | 
| 30         event.initMouseEvent("mouseover", true, false, window, | 30         event.initMouseEvent("mouseover", true, false, window, | 
| 31                              0, 10, 10, 10, 10, false, false, false, false, 0, d
    iv1); | 31                              0, 10, 10, 10, 10, false, false, false, false, 0, d
    iv1); | 
| 32         div2.dispatchEvent(event); | 32         div2.dispatchEvent(event); | 
| 33 | 33 | 
| 34         debugDispatchedEvent('mouseout'); | 34         debugDispatchedEvent('mouseout'); | 
| 35         debugDispatchedEvent('mouseover'); | 35         debugDispatchedEvent('mouseover'); | 
| 36     </script> | 36     </script> | 
| 37 </body> | 37 </body> | 
| 38 </html> | 38 </html> | 
| OLD | NEW | 
|---|