third_party/WebKit/LayoutTests/inspector/elements/dom-agent-query-selector.html

   1 <html>
   2 <head>
   3
   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     InspectorTest.selectNodeWithId("container", step1);
  11
  12     function step1(node)
  13     {
  14         var containerId = node.id;
  15         var documentId = node.ownerDocument.id;
  16
  17         InspectorTest.runTestSuite([
  18             function testDocumentQuerySelector(next)
  19             {
  20                 InspectorTest.DOMAgent.querySelector(documentId, "div.foo", dumpNodes.bind(null, next));
  21             },
  22
  23             function testDocumentQuerySelectorAll(next)
  24             {
  25                 InspectorTest.DOMAgent.querySelectorAll(documentId, "div.foo", dumpNodes.bind(null, next));
  26             },
  27
  28             function testQuerySelector(next)
  29             {
  30                 InspectorTest.DOMAgent.querySelector(containerId, "div.foo", dumpNodes.bind(null, next));
  31             },
  32
  33             function testQuerySelectorAll(next)
  34             {
  35                 InspectorTest.DOMAgent.querySelectorAll(containerId, "div.foo", dumpNodes.bind(null, next));
  36             }
  37         ]);
  38     }
  39
  40     function dumpNodes(next, error, nodeIds)
  41     {
  42         if (error) {
  43             InspectorTest.addResult(error);
  44             next();
  45             return;
  46         }
  47
  48         if (!(nodeIds && nodeIds.constructor && nodeIds.constructor.name === "Array"))
  49             nodeIds = [nodeIds];
  50
  51         for (var i = 0; i < nodeIds.length; ++i) {
  52             if (!nodeIds[i])
  53                 InspectorTest.addResult("no results");
  54             else {
  55                 var node = InspectorTest.domModel.nodeForId(nodeIds[i]);
  56                 InspectorTest.addResult("node id: " + node.getAttribute("id"));
  57             }
  58         }
  59         next();
  60     }
  61 }
  62 </script>
  63 </head>
  64
  65 <body onload="runTest()">
  66 <p>
  67 Tests DOMAgent.querySelector and DOMAgent.querySelectorAll.
  68 </p>
  69
  70 <div id="id1" class="foo"></div>
  71 <div id="id2" class="foo"></div>
  72
  73 <div id="container">
  74     <div id="id3" class="foo"></div>
  75     <div id="id4" class="foo"></div>
  76     <div id="id5" class="foo"></div>
  77     <div id="id6" class="foo"></div>
  78 </div>
  79
  80 </body>
  81 </html>