browser_markup_anonymous_01.js

Enable keyboard shortcuts

/* Any copyright is dedicated to the Public Domain.

 http://creativecommons.org/publicdomain/zero/1.0/ */

"use strict";

// Test native anonymous content in the markupview.

const TEST_URL = URL_ROOT + "doc_markup_anonymous.html";

add_task(async function () {

  const { inspector } = await openInspectorForURL(TEST_URL);

  const pseudo = await getNodeFront("#pseudo", inspector);

  // Markup looks like: <div><::before /><span /><::after /></div>

  const children = await inspector.walker.children(pseudo);

  is(children.nodes.length, 3, "Children returned from walker");

  info("Checking the ::before pseudo element");

  const before = children.nodes[0];

  await isEditingMenuDisabled(before, inspector);

  info("Checking the normal child element");

  const span = children.nodes[1];

  await isEditingMenuEnabled(span, inspector);

  info("Checking the ::after pseudo element");

  const after = children.nodes[2];

  await isEditingMenuDisabled(after, inspector);

  const native = await getNodeFront("#native", inspector);

  // Markup looks like: <div><input type="file"></div>

  const nativeChildren = await inspector.walker.children(native);

  is(nativeChildren.nodes.length, 1, "Children returned from walker");

  info("Checking the input element");

  const child = nativeChildren.nodes[0];

  ok(!child.isAnonymous, "<input type=file> is not anonymous");

  const grandchildren = await inspector.walker.children(child);

is(

    grandchildren.nodes.length,

0,

    "No native children returned from walker for <input type=file> by default"

);

});