src/third_party/WebKit/LayoutTests/inspector/elements/highlight-node.html

   1 <html>
   2 <head>
   3
   4 <style>
   5
   6 body {
   7     margin: 0;
   8 }
   9 #container {
  10     width: 400px;
  11     height: 400px;
  12     background-color: grey;
  13 }
  14 #inspectedElement {
  15     margin: 5px;
  16     border: solid 10px aqua;
  17     padding: 15px;
  18     width: 200px;
  19     height: 200px;
  20     background-color: blue;
  21     float: left;
  22 }
  23 #description {
  24     clear: both;
  25 }
  26
  27 </style>
  28
  29 <script src="../../http/tests/inspector/inspector-test.js"></script>
  30 <script src="../../http/tests/inspector/elements-test.js"></script>
  31 <script>
  32
  33 function test()
  34 {
  35     InspectorTest.dumpInspectorHighlightJSON("inspectedElement", InspectorTest.completeTest.bind(InspectorTest));
  36 }
  37
  38 </script>
  39 </head>
  40
  41 <body onload="runTest()">
  42
  43 <div id="inspectedElement"></div>
  44 <p id="description">This test verifies the position and size of the highlight rectangles overlayed on an inspected div.</p>
  45
  46 </body>
  47 </html>