browser_markup_tag_edit_10.js

Enable keyboard shortcuts

/* Any copyright is dedicated to the Public Domain.

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

"use strict";

// Tests that invalid tagname updates are handled correctly

const TEST_URL = "data:text/html;charset=utf-8,<div></div>";

add_task(async function () {

  const { inspector } = await openInspectorForURL(TEST_URL);

  await inspector.markup.expandAll();

  info("Updating the DIV tagname to an invalid value");

  const container = await focusNode("div", inspector);

  const onCancelReselect = inspector.markup.once("canceledreselectonremoved");

  const tagEditor = container.editor.tag;

  setEditableFieldValue(tagEditor, "<<<", inspector);

  await onCancelReselect;

  ok(true, "The markup-view emitted the canceledreselectonremoved event");

is(

    inspector.selection.nodeFront,

    container.node,

    "The test DIV is still selected"

);

  info("Updating the DIV tagname to a valid value this time");

  const onReselect = inspector.markup.once("reselectedonremoved");

  setEditableFieldValue(tagEditor, "span", inspector);

  await onReselect;

  ok(true, "The markup-view emitted the reselectedonremoved event");

  const spanFront = await getNodeFront("span", inspector);

is(

    inspector.selection.nodeFront,

    spanFront,

    "The selected node is now the SPAN"

);

});