1 files changed, 102 insertions, 0 deletions
diff --git a/browser/components/customizableui/test/browser_987640_charEncoding.js b/browser/components/customizableui/test/browser_987640_charEncoding.js
new file mode 100644
index 0000000000..3e2a3b3ac9
--- /dev/null
+++ b/browser/components/customizableui/test/browser_987640_charEncoding.js
@@ -0,0 +1,102 @@
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
+
+"use strict";
+
+const TEST_PAGE =
+  "http://mochi.test:8888/browser/browser/components/customizableui/test/support/test_967000_charEncoding_page.html";
+
+add_task(async function() {
+  info("Check Character Encoding panel functionality");
+
+  // add the Character Encoding button to the panel
+  CustomizableUI.addWidgetToArea(
+    "characterencoding-button",
+    CustomizableUI.AREA_FIXED_OVERFLOW_PANEL
+  );
+
+  await waitForOverflowButtonShown();
+
+  let newTab = await BrowserTestUtils.openNewForegroundTab(
+    gBrowser,
+    TEST_PAGE,
+    true,
+    true
+  );
+
+  await document.getElementById("nav-bar").overflowable.show();
+  let charEncodingButton = document.getElementById("characterencoding-button");
+  charEncodingButton.click();
+  let characterEncodingView = document.getElementById(
+    "PanelUI-characterEncodingView"
+  );
+  let subviewShownPromise = subviewShown(characterEncodingView);
+  await subviewShownPromise;
+
+  let checkedButtons = characterEncodingView.querySelectorAll(
+    "toolbarbutton[checked='true']"
+  );
+  let initialEncoding = checkedButtons[0];
+  is(
+    initialEncoding.getAttribute("label"),
+    "Western",
+    "The western encoding is initially selected"
+  );
+
+  // change the encoding
+  let encodings = characterEncodingView.querySelectorAll(
+    "toolbarbutton:not(.subviewbutton-back)"
+  );
+  let newEncoding = encodings[1].hasAttribute("checked")
+    ? encodings[2]
+    : encodings[1];
+  let browserStopPromise = BrowserTestUtils.browserStopped(gBrowser, TEST_PAGE);
+  newEncoding.click();
+  await browserStopPromise;
+  is(
+    gBrowser.selectedBrowser.characterSet,
+    "UTF-8",
+    "The encoding should be changed to UTF-8"
+  );
+  ok(
+    !gBrowser.selectedBrowser.mayEnableCharacterEncodingMenu,
+    "The encoding menu should be disabled"
+  );
+
+  // check that the new encodng is applied
+  await document.getElementById("nav-bar").overflowable.show();
+  charEncodingButton.click();
+  checkedButtons = characterEncodingView.querySelectorAll(
+    "toolbarbutton[checked='true']"
+  );
+  let selectedEncodingName = checkedButtons[0].getAttribute("label");
+  ok(
+    selectedEncodingName == "Unicode",
+    "The encoding was changed to " + selectedEncodingName
+  );
+
+  CustomizableUI.removeWidgetFromArea("characterencoding-button");
+  CustomizableUI.addWidgetToArea(
+    "characterencoding-button",
+    CustomizableUI.AREA_FIXED_OVERFLOW_PANEL
+  );
+  await waitForOverflowButtonShown();
+  await document.getElementById("nav-bar").overflowable.show();
+  charEncodingButton = document.getElementById("characterencoding-button");
+
+  // check the encoding menu again
+  is(
+    charEncodingButton.getAttribute("disabled"),
+    "true",
+    "We should disable the encoding menu"
+  );
+
+  BrowserTestUtils.removeTab(newTab);
+});
+
+add_task(async function asyncCleanup() {
+  // reset the panel to the default state
+  await resetCustomization();
+  ok(CustomizableUI.inDefaultState, "The UI is in default state again.");
+});