OLD | NEW |
| (Empty) |
1 <html> | |
2 <head> | |
3 <script type="text/javascript" src="../../http/tests/inspector-protocol/resource
s/inspector-protocol-test.js"></script> | |
4 <script> | |
5 | |
6 function test() | |
7 { | |
8 var nodeInfo = {}; | |
9 InspectorTest.eventHandler["DOM.setChildNodes"] = setChildNodes; | |
10 InspectorTest.sendCommand("DOM.enable", {}); | |
11 InspectorTest.sendCommand("DOM.getNodeForLocation", { "x": 100, "y": 200 },
onGetNodeForLocation); | |
12 | |
13 function onGetNodeForLocation(message) | |
14 { | |
15 if (message.error) { | |
16 InspectorTest.log(message.error.message); | |
17 InspectorTest.completeTest(); | |
18 return; | |
19 } | |
20 var ids = Object.keys(nodeInfo); | |
21 for (var i = 0; i < ids.length; ++i) | |
22 ids[i] = parseInt(ids[i]); | |
23 ids.sort(function(a, b) { return a < b ? -1 : (a === b ? 0 : 1); }); | |
24 // Skip first - it does not have round values. | |
25 for (var i = 1; i < ids.length; ++i) | |
26 InspectorTest.sendCommand("DOM.getBoxModel", { "nodeId": ids[i] }, p
rintBoxModel.bind(null, nodeInfo[ids[i]], i == ids.length - 1)); | |
27 } | |
28 | |
29 function printBoxModel(nodeInfo, lastNode, message) | |
30 { | |
31 if (message.error) { | |
32 InspectorTest.log(nodeInfo.nodeName + ": " + message.error.message); | |
33 if (lastNode) | |
34 InspectorTest.completeTest(); | |
35 return; | |
36 } | |
37 InspectorTest.logObject(message.result.model.content, nodeInfo.nodeName
+ " " + nodeInfo.attributes + " "); | |
38 if (lastNode) | |
39 InspectorTest.completeTest(); | |
40 } | |
41 | |
42 function setChildNodes(message) | |
43 { | |
44 var nodes = message.params.nodes; | |
45 for (var i = 0; i < nodes.length; ++i) { | |
46 nodeInfo[nodes[i].nodeId] = nodes[i]; | |
47 delete nodes[i].nodeId; | |
48 } | |
49 } | |
50 } | |
51 | |
52 </script> | |
53 </head> | |
54 <body onload="runTest()"> | |
55 <div> | |
56 Several<br> | |
57 Lines<br> | |
58 Of<br> | |
59 Text<br> | |
60 <div style="position:absolute;top:100;left:0;width:100;height:100;background:red
"></div> | |
61 <div style="position:absolute;top:200;left:100;width:100;height:100;background:g
reen"></div> | |
62 <div style="position:absolute;top:150;left:50;width:100;height:100;background:bl
ue;transform:rotate(45deg);"></div> | |
63 </div> | |
64 </body> | |
65 </html> | |
OLD | NEW |