| <html> |
| <head> |
| |
| <style> |
| |
| body { |
| margin: 0; |
| } |
| #container { |
| width: 400px; |
| height: 400px; |
| background-color: grey; |
| } |
| #inspectedElement { |
| margin: 5px; |
| border: solid 10px aqua; |
| padding: 15px; |
| width: 200px; |
| height: 200px; |
| background-color: blue; |
| float: left; |
| } |
| #description { |
| clear: both; |
| } |
| |
| </style> |
| |
| <script src="../../http/tests/inspector/inspector-test.js"></script> |
| <script src="../../http/tests/inspector/elements-test.js"></script> |
| <script> |
| |
| function test() |
| { |
| function nodeSelected(node) |
| { |
| RuntimeAgent.evaluate("dumpInspectorHighlightRects()", InspectorTest.completeTest); |
| } |
| |
| InspectorTest.selectNodeWithId("inspectedElement", nodeSelected); |
| } |
| |
| </script> |
| </head> |
| |
| <body onload="runTest()"> |
| |
| <div id="inspectedElement"></div> |
| <p id="description">This test verifies the position and size of the highlight rectangles overlayed on an inspected div.</p> |
| |
| </body> |
| </html> |