1 files changed, 66 insertions, 0 deletions
diff --git a/browser/components/translations/tests/browser/browser_translations_panel_beta_langs.js b/browser/components/translations/tests/browser/browser_translations_panel_beta_langs.js
new file mode 100644
index 0000000000..f44f2ad9e8
--- /dev/null
+++ b/browser/components/translations/tests/browser/browser_translations_panel_beta_langs.js
@@ -0,0 +1,66 @@
+/* Any copyright is dedicated to the Public Domain.
+   http://creativecommons.org/publicdomain/zero/1.0/ */
+
+"use strict";
+
+/**
+ * Tests that languages are displayed correctly as being in beta or not.
+ */
+add_task(async function test_translations_panel_display_beta_languages() {
+  const { cleanup } = await loadTestPage({
+    page: SPANISH_PAGE_URL,
+    languagePairs: LANGUAGE_PAIRS,
+  });
+
+  function assertBetaDisplay(selectElement) {
+    const betaL10nId = "translations-panel-displayname-beta";
+    const options = selectElement.querySelectorAll("menuitem");
+    if (options.length === 0) {
+      throw new Error("Could not find the menuitems.");
+    }
+
+    for (const option of options) {
+      for (const languagePair of LANGUAGE_PAIRS) {
+        if (
+          languagePair.fromLang === option.value ||
+          languagePair.toLang === option.value
+        ) {
+          if (option.getAttribute("data-l10n-id") === betaL10nId) {
+            is(
+              languagePair.isBeta,
+              true,
+              `Since data-l10n-id was ${betaL10nId} for ${option.value}, then it must be part of a beta language pair, but it was not.`
+            );
+          }
+          if (!languagePair.isBeta) {
+            is(
+              option.getAttribute("data-l10n-id") === betaL10nId,
+              false,
+              `Since the languagePair is non-beta, the language option ${option.value} should not have a data-l10-id of ${betaL10nId}, but it does.`
+            );
+          }
+        }
+      }
+    }
+  }
+
+  const { button } = await assertTranslationsButton(
+    { button: true },
+    "The button is available."
+  );
+
+  await waitForTranslationsPopupEvent("popupshown", () => {
+    click(button, "Opening the popup");
+  });
+
+  assertBetaDisplay(document.getElementById("translations-panel-to"));
+
+  await waitForTranslationsPopupEvent("popuphidden", () => {
+    click(
+      getByL10nId("translations-panel-translate-cancel"),
+      "Click the cancel button."
+    );
+  });
+
+  await cleanup();
+});