bug 1380818 show the add-on id on about:debugging r=jdescottes

MozReview-Commit-ID: D1K0LgLX34S

--HG--
extra : rebase_source : dd6304091fb65e5bf211ab401d70bba0970cd03f

devtools/client/aboutdebugging/components/addons/target.js

@@ -43,6 +43,22 @@ function filePathForTarget(target) {
   ];
 }
 
+function addonIDforTarget(target) {
+  return [
+    dom.dt(
+      { className: "addon-target-info-label" },
+      Strings.GetStringFromName("extensionID"),
+    ),
+    dom.dd(
+      { className: "addon-target-info-content extension-id" },
+      dom.span(
+        { title: target.addonID },
+        target.addonID
+      )
+    ),
+  ];
+}
+
 function internalIDForTarget(target) {
   if (!target.manifestURL) {
     return [];
@@ -163,6 +179,7 @@ module.exports = createClass({
       dom.dl(
         { className: "addon-target-info" },
         ...filePathForTarget(target),
+        ...addonIDforTarget(target),
         ...internalIDForTarget(target),
       ),
       dom.div({className: "addon-target-actions"},

devtools/client/aboutdebugging/test/browser_addons_debug_info.js

@@ -46,6 +46,9 @@ add_task(function* testWebExtension() {
   let container = document.querySelector(`[data-addon-id="${addonId}"]`);
   testFilePath(container, "/test/addons/test-devtools-webextension-nobg/");
 
+  let extensionID = container.querySelector(".extension-id span");
+  ok(extensionID.textContent === "test-devtools-webextension-nobg@mozilla.org");
+
   let internalUUID = container.querySelector(".internal-uuid span");
   ok(internalUUID.textContent.match(UUID_REGEX), "internalUUID is correct");
 
@@ -74,6 +77,9 @@ add_task(function* testTemporaryWebExtension() {
   let container = addons[addons.length - 1];
   let addonId = container.dataset.addonId;
 
+  let extensionID = container.querySelector(".extension-id span");
+  ok(extensionID.textContent.endsWith("@temporary-addon"));
+
   let temporaryID = container.querySelector(".temporary-id-url");
   ok(temporaryID, "Temporary ID message does appear");
 

devtools/client/locales/en-US/aboutdebugging.properties

@@ -76,6 +76,10 @@ temporaryExtensions = Temporary Extensions
 # The UUID is generated for this profile on install.
 internalUUID = Internal UUID
 
+# LOCALIZATION NOTE (extensionID):
+# This string is displayed as a label for the ID of an extension. This is not the same as the internal UUID.
+extensionID = Extension ID
+
 # LOCALIZATION NOTE (manifestURL):
 # This string is displayed as a link for the manifest of an extension,
 # accessible in a browser, such as moz-extension://[internalUUID]/manifest.json.