third_party/WebKit/LayoutTests/inspector/elements/elements-panel-structure.html

   1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
   2 <html>
   3 <head>
   4 <script src="../../http/tests/inspector/inspector-test.js"></script>
   5 <script src="../../http/tests/inspector/elements-test.js"></script>
   6 <script>
   7
   8 function test()
   9 {
  10     // Warm up highlighter module.
  11     runtime.loadModulePromise("source_frame").then(function() {
  12         InspectorTest.expandElementsTree(step1)
  13     });
  14
  15     function step1()
  16     {
  17         InspectorTest.dumpElementsTree();
  18         InspectorTest.completeTest();
  19     }
  20 }
  21
  22 function prepareTest()
  23 {
  24     document.querySelector("#control-character").textContent = "\ufeff\u0093";
  25     runTest();
  26 }
  27
  28 </script>
  29 </head>
  30
  31 <body onload="prepareTest()">
  32 <p>
  33 Tests that elements panel shows DOM tree structure.
  34 </p>
  35
  36 <div id="level1">
  37     <div id="level2">"Quoted Text". Special&nbsp;characters: &gt;&lt;&quot;&apos;&nbsp;&ensp;&emsp;&thinsp;&#8202;&#8203;&zwnj;&zwj;&lrm;&rlm; &#8234;&#8235;&#8236;&#8237;&#8238;&shy;<div id="level3"></div>
  38     </div>
  39 </div>
  40 <div id="control-character"></div>
  41
  42 </body>
  43 </html>