| 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> | 
| (...skipping 19 matching lines...) Expand all  Loading... | 
|  30     eventRecord['currentTarget'] = event.currentTarget.id |  30     eventRecord['currentTarget'] = event.currentTarget.id | 
|  31     eventRecord['target'] = event.target.id |  31     eventRecord['target'] = event.target.id | 
|  32     eventRecord['offsetX'] = event.offsetX; |  32     eventRecord['offsetX'] = event.offsetX; | 
|  33     eventRecord['offsetY'] = event.offsetY; |  33     eventRecord['offsetY'] = event.offsetY; | 
|  34     eventRecords[event.currentTarget.id] = eventRecord; |  34     eventRecords[event.currentTarget.id] = eventRecord; | 
|  35 } |  35 } | 
|  36  |  36  | 
|  37 function addEventListeners(nodes) |  37 function addEventListeners(nodes) | 
|  38 { |  38 { | 
|  39     for (var i = 0; i < nodes.length; ++i) { |  39     for (var i = 0; i < nodes.length; ++i) { | 
|  40         var node = getNodeInTreeOfTrees(nodes[i]); |  40         var node = getNodeInComposedTree(nodes[i]); | 
|  41         node.addEventListener('mouseover', recordEvent, false); |  41         node.addEventListener('mouseover', recordEvent, false); | 
|  42     } |  42     } | 
|  43 } |  43 } | 
|  44  |  44  | 
|  45 function testMouseEventOffset() |  45 function testMouseEventOffset() | 
|  46 { |  46 { | 
|  47     var sandbox = document.getElementById('sandbox'); |  47     var sandbox = document.getElementById('sandbox'); | 
|  48     sandbox.innerHTML = ''; |  48     sandbox.innerHTML = ''; | 
|  49     sandbox.appendChild( |  49     sandbox.appendChild( | 
|  50         createDOM('div', {'id': 'top', 'style': 'padding-top: 77px;'}, |  50         createDOM('div', {'id': 'top', 'style': 'padding-top: 77px;'}, | 
|  51                   createDOM('div', {'id': 'shadow-host', 'style': 'padding-left:
     100px; padding-top: 20px'}, |  51                   createDOM('div', {'id': 'shadow-host', 'style': 'padding-left:
     100px; padding-top: 20px'}, | 
|  52                             createShadowRoot( |  52                             createShadowRoot( | 
|  53                                 createDOM('div', {'id': 'parent'}, |  53                                 createDOM('div', {'id': 'parent'}, | 
|  54                                           createDOM('div', {'id': 'target', 'sty
    le': 'padding-top: 10px; width: 80px'})))))); |  54                                           createDOM('div', {'id': 'target', 'sty
    le': 'padding-top: 10px; width: 80px'})))))); | 
|  55     addEventListeners(['top', 'shadow-host', 'shadow-host/parent']); |  55     addEventListeners(['top', 'shadow-host', 'shadow-host/parent']); | 
|  56     sandbox.offsetLeft; |  56     sandbox.offsetLeft; | 
|  57     moveMouseOver(getNodeInTreeOfTrees('shadow-host/target')); |  57     moveMouseOver(getNodeInComposedTree('shadow-host/target')); | 
|  58  |  58  | 
|  59     shouldBe("eventRecords['parent']['offsetY']", "5"); |  59     shouldBe("eventRecords['parent']['offsetY']", "5"); | 
|  60     shouldBe("eventRecords['shadow-host']['offsetY']", "5 + 20"); |  60     shouldBe("eventRecords['shadow-host']['offsetY']", "5 + 20"); | 
|  61     shouldBe("eventRecords['top']['offsetY']", "5 + 20"); |  61     shouldBe("eventRecords['top']['offsetY']", "5 + 20"); | 
|  62  |  62  | 
|  63     shouldBe("eventRecords['parent']['offsetX']", "80 / 2"); |  63     shouldBe("eventRecords['parent']['offsetX']", "80 / 2"); | 
|  64     shouldBe("eventRecords['shadow-host']['offsetX']", "80 / 2 + 100"); |  64     shouldBe("eventRecords['shadow-host']['offsetX']", "80 / 2 + 100"); | 
|  65     shouldBe("eventRecords['top']['offsetX']", "80 / 2 + 100"); |  65     shouldBe("eventRecords['top']['offsetX']", "80 / 2 + 100"); | 
|  66 } |  66 } | 
|  67  |  67  | 
|  68 testMouseEventOffset(); |  68 testMouseEventOffset(); | 
|  69 </script> |  69 </script> | 
|  70 </body> |  70 </body> | 
|  71 </html> |  71 </html> | 
| OLD | NEW |