1 files changed, 40 insertions, 0 deletions
diff --git a/devtools/client/inspector/markup/test/browser_markup_links_02.js b/devtools/client/inspector/markup/test/browser_markup_links_02.js
new file mode 100644
index 0000000000..88de585c5e
--- /dev/null
+++ b/devtools/client/inspector/markup/test/browser_markup_links_02.js
@@ -0,0 +1,40 @@
+/* Any copyright is dedicated to the Public Domain.
+ http://creativecommons.org/publicdomain/zero/1.0/ */
+
+"use strict";
+
+// Tests that attributes are linkified correctly when attributes are updated
+// and created.
+
+const TEST_URL = URL_ROOT + "doc_markup_links.html";
+
+add_task(async function () {
+  const { inspector } = await openInspectorForURL(TEST_URL);
+
+  info("Adding a contextmenu attribute to the body node");
+  await addNewAttributes("body", 'contextmenu="menu1"', inspector);
+
+  info("Checking for links in the new attribute");
+  let { editor } = await getContainerForSelector("body", inspector);
+  let linkEls = editor.attrElements
+    .get("contextmenu")
+    .querySelectorAll(".link");
+  is(linkEls.length, 1, "There is one link in the contextmenu attribute");
+  is(linkEls[0].dataset.type, "idref", "The link has the right type");
+  is(linkEls[0].textContent, "menu1", "The link has the right value");
+
+  info("Editing the contextmenu attribute on the body node");
+  const nodeMutated = inspector.once("markupmutation");
+  const attr = editor.attrElements
+    .get("contextmenu")
+    .querySelector(".editable");
+  setEditableFieldValue(attr, 'contextmenu="menu2"', inspector);
+  await nodeMutated;
+
+  info("Checking for links in the updated attribute");
+  ({ editor } = await getContainerForSelector("body", inspector));
+  linkEls = editor.attrElements.get("contextmenu").querySelectorAll(".link");
+  is(linkEls.length, 1, "There is one link in the contextmenu attribute");
+  is(linkEls[0].dataset.type, "idref", "The link has the right type");
+  is(linkEls[0].textContent, "menu2", "The link has the right value");
+});