test_webconsole-node-grip.html

Enable keyboard shortcuts

<!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 commands = await addTabAndCreateCommands(TEST_URL);

    await testNotInTreeElementNode(commands);

    await testInTreeElementNode(commands);

    await testNotInTreeTextNode(commands);

    await testInTreeTextNode(commands);

  } catch (e) {

    ok(false, `Error thrown: ${e.message}`);

  SimpleTest.finish();

};

async function testNotInTreeElementNode(commands) {

  info("Testing isConnected property on a ElementNode not in the DOM tree");

  const {result} = await commands.scriptCommand.execute("document.createElement(\"div\")");

  is(result.getGrip().preview.isConnected, false,

    "isConnected is false since we only created the element");

async function testInTreeElementNode(commands) {

  info("Testing isConnected property on a ElementNode in the DOM tree");

  const {result} = await commands.scriptCommand.execute("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(commands) {

  info("Testing isConnected property on a TextNode not in the DOM tree");

  const {result} = await commands.scriptCommand.execute("document.createTextNode(\"Hello\")");

  is(result.getGrip().preview.isConnected, false,

    "isConnected is false since we only created the element");

async function testInTreeTextNode(commands) {

  info("Testing isConnected property on a TextNode in the DOM tree");

  const {result} = await commands.scriptCommand.execute("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>