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 |