third_party/WebKit/LayoutTests/inspector/dom-extension.html

   1 <html>
   2 <head>
   3 <script src="../http/tests/inspector/inspector-test.js"></script>
   4 <script>
   5
   6 function test()
   7 {
   8     InspectorTest.runTestSuite([
   9         function traverseNextNodeInShadowDom(next)
  10         {
  11             function createContent(parent, selection)
  12             {
  13                 var content = parent.createChild("content");
  14                 content.setAttribute("select", selection);
  15             }
  16
  17             var component1 = createElementWithClass("div", "component1");
  18             var oldShadow = component1.createShadowRoot();
  19             var oldContent = createElementWithClass("div", "shadow-old-content");
  20             oldContent.textContent = "old content";
  21             oldShadow.appendChild(oldContent);
  22             var shadow1 = component1.createShadowRoot();
  23             component1.createChild("div", "component1-content").textContent = "text 1";
  24             component1.createChild("div", "component2-content").textContent = "text 2";
  25             component1.createChild("span").textContent = "text 3";
  26             component1.createChild("span", "component1-content").textContent = "text 4";
  27
  28             var shadow1Content = createElementWithClass("div", "shadow-component1");
  29             shadow1.appendChild(shadow1Content);
  30             createContent(shadow1Content, ".component1-content");
  31             createContent(shadow1Content, "span");
  32
  33             var component2 = shadow1Content.createChild("div", "component2");
  34             var shadow2 = component2.createShadowRoot();
  35             createContent(component2, ".component2-content");
  36             component2.createChild("div", "component2-content").textContent = "component2 light dom text";
  37
  38             var shadow2Content = createElementWithClass("div", "shadow-component1");
  39             shadow2.appendChild(shadow2Content);
  40             var midDiv = shadow2Content.createChild("div", "mid-div");
  41             midDiv.createChild("div").textContent = "component2-text";
  42             createContent(midDiv, ".component2-content");
  43
  44             var node = component1;
  45             while ((node = node.traverseNextNode(component1))) {
  46                 if (node.nodeType === Node.TEXT_NODE)
  47                     InspectorTest.addResult(node.nodeValue);
  48                 else
  49                     InspectorTest.addResult(node.nodeName + (node.className ? "." + node.className : ""));
  50             }
  51             next();
  52         },
  53     ]);
  54 }
  55
  56 </script>
  57 </head>
  58
  59 <body onload="runTest()">
  60 <p>
  61 This test checks dom extensions.
  62 </p>
  63
  64 </body>
  65 </html>