Bug 1885421 - Fix migration wizard links not opening in new tabs. r=mconley,migration-reviewers

The support-text links should open a new tab instead of interrupting
the migration process.

Differential Revision: https://phabricator.services.mozilla.com/D204693

Author: TGiles

browser/components/migration/content/migration-wizard.mjs

@@ -772,6 +772,7 @@ export class MigrationWizard extends HTMLElement {
             MigrationWizardConstants.DISPLAYED_RESOURCE_TYPES.EXTENSIONS
           ) {
             messageText.textContent = "";
+            this.#extensionsSuccessLink.target = "_blank";
             this.#extensionsSuccessLink.textContent =
               state.progress[resourceType].message;
           }
@@ -787,6 +788,7 @@ export class MigrationWizard extends HTMLElement {
           messageText.textContent = state.progress[resourceType].message;
           supportLink.textContent = state.progress[resourceType].linkText;
           supportLink.href = state.progress[resourceType].linkURL;
+          supportLink.target = "_blank";
           remainingProgressGroups--;
           totalWarnings++;
           break;
@@ -800,11 +802,13 @@ export class MigrationWizard extends HTMLElement {
           messageText.textContent = state.progress[resourceType].message;
           supportLink.textContent = state.progress[resourceType].linkText;
           supportLink.href = state.progress[resourceType].linkURL;
+          supportLink.target = "_blank";
           if (
             resourceType ==
             MigrationWizardConstants.DISPLAYED_RESOURCE_TYPES.EXTENSIONS
           ) {
             messageText.textContent = "";
+            this.#extensionsSuccessLink.target = "_blank";
             this.#extensionsSuccessLink.textContent =
               state.progress[resourceType].message;
           }

browser/components/migration/tests/chrome/test_migration_wizard.html

@@ -724,6 +724,10 @@
           extensionsGroup.querySelector("a.message-text").href,
           EXTENSIONS_INFO_HREF
         );
+        is(
+          extensionsGroup.querySelector("a.message-text").target,
+          "_blank"
+        );
         is(
           extensionsGroup.querySelector(".support-text").textContent,
           EXTENSIONS_SUPPORT_STRING
@@ -732,6 +736,10 @@
           extensionsGroup.querySelector(".support-text").href,
           EXTENSIONS_SUPPORT_HREF
         );
+        is(
+          extensionsGroup.querySelector(".support-text").target,
+          "_blank"
+        );
 
         // With progress being complete, the header should be using the completed
         // migration string.
@@ -792,6 +800,10 @@
           extensionsGroup.querySelector(".support-text").href,
           EXTENSIONS_SUPPORT_HREF
         );
+        is(
+          extensionsGroup.querySelector(".support-text").target,
+          "_blank"
+        );
 
         // With progress being complete, the header should be using the completed
         // migration string.