devtools/server/tests/chrome/test_inspector-template.html

   1 <!DOCTYPE HTML>
   2 <html>
   3 <!--
   4 https://bugzilla.mozilla.org/show_bug.cgi?id=1078374
   5 Display template tag content in inspector.
   6 -->
   7 <head>
   8   <meta charset="utf-8">
   9   <title>Test for Bug </title>
  10
  11   <script src="chrome://mochikit/content/tests/SimpleTest/SimpleTest.js"></script>
  12   <link rel="stylesheet" type="text/css" href="chrome://mochikit/content/tests/SimpleTest/test.css">
  13   <script type="application/javascript" src="inspector-helpers.js"></script>
  14   <script type="application/javascript">
  15 "use strict";
  16
  17 window.onload = function() {
  18   SimpleTest.waitForExplicitFinish();
  19
  20   let gWalker = null;
  21
  22   addAsyncTest(async function setup() {
  23     const url = document.getElementById("inspectorContent").href;
  24
  25     const { target } = await attachURL(url);
  26     const inspector = await target.getFront("inspector");
  27     gWalker = inspector.walker;
  28
  29     runNextTest();
  30   });
  31
  32   addAsyncTest(async function testWalker() {
  33     const nodeFront = await gWalker.querySelector(gWalker.rootNode, "template");
  34
  35     let children = await gWalker.children(nodeFront);
  36     is(children.nodes.length, 1, "Found one child under the template element");
  37
  38     const docFragment = children.nodes[0];
  39     is(docFragment.nodeName, "#document-fragment",
  40       "First child under <template> is a document-fragment");
  41
  42     children = await gWalker.children(docFragment);
  43     is(children.nodes.length, 1, "Found one child under the template element");
  44
  45     const p = children.nodes[0];
  46     is(p.nodeName, "P",
  47       "First child under the document-fragment is a p element");
  48
  49     runNextTest();
  50   });
  51
  52   runNextTest();
  53 };
  54   </script>
  55 </head>
  56 <body>
  57 <a target="_blank" href="https://bugzilla.mozilla.org/show_bug.cgi?id=">Mozilla Bug </a>
  58 <a id="inspectorContent" target="_blank" href="inspector-template.html">Test Document</a>
  59 <p id="display"></p>
  60 <div id="content" style="display: none">
  61
  62 </div>
  63 <pre id="test">
  64 </pre>
  65 </body>
  66 </html>