summaryrefslogtreecommitdiffstats
path: root/devtools/server/tests/chrome/test_webconsole-node-grip.html
blob: 7b0b2d1624a0cd572b853fc370674b457d16ee49 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
<!DOCTYPE HTML>
<html>
<head>
  <meta charset="utf-8">
  <title>DOMNode Object actor test</title>
  <script src="chrome://mochikit/content/tests/SimpleTest/SimpleTest.js"></script>
  <link rel="stylesheet" type="text/css" href="chrome://mochikit/content/tests/SimpleTest/test.css">
  <script type="application/javascript" src="webconsole-helpers.js"></script>
  <script>
"use strict";

const TEST_URL = "data:text/html,<html><body>Hello</body></html>";

window.onload = async function() {
  SimpleTest.waitForExplicitFinish();

  try {
    const {
      webConsoleFront,
    } = await attachURL(TEST_URL);
    await testNotInTreeElementNode(webConsoleFront);
    await testInTreeElementNode(webConsoleFront);
    await testNotInTreeTextNode(webConsoleFront);
    await testInTreeTextNode(webConsoleFront);
  } catch (e) {
    ok(false, `Error thrown: ${e.message}`);
  }
  SimpleTest.finish();
};

async function testNotInTreeElementNode(webConsoleFront) {
  info("Testing isConnected property on a ElementNode not in the DOM tree");
  const {result} = await webConsoleFront.evaluateJSAsync("document.createElement(\"div\")");
  is(result.getGrip().preview.isConnected, false,
    "isConnected is false since we only created the element");
}

async function testInTreeElementNode(webConsoleFront) {
  info("Testing isConnected property on a ElementNode in the DOM tree");
  const {result} = await webConsoleFront.evaluateJSAsync("document.body");
  is(result.getGrip().preview.isConnected, true,
    "isConnected is true as expected, since the element was retrieved from the DOM tree");
}

async function testNotInTreeTextNode(webConsoleFront) {
  info("Testing isConnected property on a TextNode not in the DOM tree");
  const {result} = await webConsoleFront.evaluateJSAsync("document.createTextNode(\"Hello\")");
  is(result.getGrip().preview.isConnected, false,
    "isConnected is false since we only created the element");
}

async function testInTreeTextNode(webConsoleFront) {
  info("Testing isConnected property on a TextNode in the DOM tree");
  const {result} = await webConsoleFront.evaluateJSAsync("document.body.firstChild");
  is(result.getGrip().preview.isConnected, true,
    "isConnected is true as expected, since the element was retrieved from the DOM tree");
}

  </script>
</head>
<body>
  <p id="display"></p>
  <div id="content" style="display: none">
  </div>
  <pre id="test">
  </pre>
</body>
</html>