third_party/WebKit/LayoutTests/inspector/elements/shadow/shadow-root.html

   1 <html>
   2 <head>
   3 <script src="../../../http/tests/inspector/inspector-test.js"></script>
   4 <script src="../../../http/tests/inspector/elements-test.js"></script>
   5 <script>
   6
   7 function test()
   8 {
   9     InspectorTest.expandElementsTree(function() {
  10         var container = InspectorTest.expandedNodeWithId("container");
  11         InspectorTest.dumpElementsTree(container);
  12         InspectorTest.completeTest();
  13     });
  14 }
  15 </script>
  16 </head>
  17
  18 <body onload="runTest()">
  19
  20 <p id="description">This test verifies that author shadow root's #document-fragment is displayed and user-agent one is hidden by default.</p>
  21
  22 <div id="container">
  23     <div id="test1"></div>
  24     <div id="test2">only test</div>
  25     <div id="test3">with <span>elements</span></div>
  26     <input type="text" value="Test">
  27 </div>
  28
  29 <script>
  30 test1.createShadowRoot();
  31 test2.createShadowRoot();
  32 test3.createShadowRoot();
  33 </script>
  34
  35 </body>
  36 </html>