1 files changed, 39 insertions, 0 deletions
diff --git a/devtools/client/inspector/markup/test/browser_markup_tag_edit_10.js b/devtools/client/inspector/markup/test/browser_markup_tag_edit_10.js
new file mode 100644
index 0000000000..720a6f3062
--- /dev/null
+++ b/devtools/client/inspector/markup/test/browser_markup_tag_edit_10.js
@@ -0,0 +1,39 @@
+/* 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"
+  );
+});