| 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 </head> |   6 </head> | 
|   7 <body> |   7 <body> | 
|   8 <p id="description"></p> |   8 <p id="description"></p> | 
|   9 <div id="sandbox"></div> |   9 <div id="sandbox"></div> | 
|  10 <pre id="console"></pre> |  10 <pre id="console"></pre> | 
|  11 <script> |  11 <script> | 
|  12 var sandbox = document.getElementById('sandbox'); |  12 var sandbox = document.getElementById('sandbox'); | 
|  13  |  13  | 
|  14 sandbox.appendChild( |  14 sandbox.appendChild( | 
|  15     createDOM('div', {'id': 'A'}, |  15     createDOM('div', {'id': 'A'}, | 
|  16               createDOM('div', {'id': 'B'}, |  16               createDOM('div', {'id': 'B'}, | 
|  17                         createDOM('div', {'id': 'C'})), |  17                         createDOM('div', {'id': 'C'})), | 
|  18               createShadowRoot({'id': 'D'}, |  18               createShadowRoot({'id': 'D'}, | 
|  19                                createDOM('div', {'id': 'E'}, |  19                                createDOM('div', {'id': 'E'}, | 
|  20                                          createDOM('content', {'id': 'F'}))), |  20                                          createDOM('content', {'id': 'F'}))), | 
|  21               createShadowRoot({'id': 'G'}, |  21               createShadowRoot({'id': 'G'}, | 
|  22                                createDOM('div', {'id': 'H'}, |  22                                createDOM('div', {'id': 'H'}, | 
|  23                                          createDOM('shadow', {'id': 'I'}))), |  23                                          createDOM('shadow', {'id': 'I'}))), | 
|  24               createShadowRoot({'id': 'J'}, |  24               createShadowRoot({'id': 'J'}, | 
|  25                                createDOM('shadow', {'id': 'K'})))); |  25                                createDOM('shadow', {'id': 'K'})))); | 
|  26  |  26  | 
|  27 ['A', 'B', 'C', 'A/', 'A/E', 'A/F', 'A//', 'A//H', 'A//I', 'A///', 'A///K'].forE
    ach(function(path) { |  27 ['A', 'B', 'C', 'A/', 'A/E', 'A/F', 'A//', 'A//H', 'A//I', 'A///', 'A///K'].forE
    ach(function(path) { | 
|  28     getNodeInTreeOfTrees(path).addEventListener('click', function(event) { |  28     getNodeInComposedTree(path).addEventListener('click', function(event) { | 
|  29         debug('\nevent.path on node ' + dumpNode(event.currentTarget)); |  29         debug('\nevent.path on node ' + dumpNode(event.currentTarget)); | 
|  30         debug(dumpNodeList(event.path)); |  30         debug(dumpNodeList(event.path)); | 
|  31     }); |  31     }); | 
|  32 }); |  32 }); | 
|  33 var clickEvent = document.createEvent("MouseEvents"); |  33 var clickEvent = document.createEvent("MouseEvents"); | 
|  34 clickEvent.initMouseEvent('click', true, false, window, 0, 0, 0, 0, 0, false, fa
    lse, false, false, 0, null); |  34 clickEvent.initMouseEvent('click', true, false, window, 0, 0, 0, 0, 0, false, fa
    lse, false, false, 0, null); | 
|  35 document.getElementById('C').dispatchEvent(clickEvent); |  35 document.getElementById('C').dispatchEvent(clickEvent); | 
|  36 </script> |  36 </script> | 
|  37 </body> |  37 </body> | 
|  38 </html> |  38 </html> | 
| OLD | NEW |