1 files changed, 75 insertions, 0 deletions
diff --git a/toolkit/components/reader/tests/browser/browser_readerMode_menu.js b/toolkit/components/reader/tests/browser/browser_readerMode_menu.js
new file mode 100644
index 0000000000..2c08faf4f9
--- /dev/null
+++ b/toolkit/components/reader/tests/browser/browser_readerMode_menu.js
@@ -0,0 +1,75 @@
+/* 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_PATH = getRootDirectory(gTestPath).replace(
+  "chrome://mochitests/content",
+  "http://example.com"
+);
+
+/**
+ * Test that the reader mode correctly calculates and displays the
+ * estimated reading time for a short article
+ */
+add_task(async function () {
+  await BrowserTestUtils.withNewTab(
+    TEST_PATH + "readerModeArticleShort.html",
+    async function (browser) {
+      let pageShownPromise = BrowserTestUtils.waitForContentEvent(
+        browser,
+        "AboutReaderContentReady"
+      );
+      let readerButton = document.getElementById("reader-mode-button");
+      readerButton.click();
+      await pageShownPromise;
+      await SpecialPowers.spawn(browser, [], async function () {
+        function dispatchMouseEvent(win, target, eventName) {
+          let mouseEvent = new win.MouseEvent(eventName, {
+            view: win,
+            bubbles: true,
+            cancelable: true,
+            composed: true,
+          });
+          target.dispatchEvent(mouseEvent);
+        }
+
+        function simulateClick(target) {
+          dispatchMouseEvent(win, target, "mousedown");
+          dispatchMouseEvent(win, target, "mouseup");
+          dispatchMouseEvent(win, target, "click");
+        }
+
+        async function testOpenCloseDropdown(target) {
+          let button = doc.querySelector(`.${target}-button`);
+
+          let dropdown = doc.querySelector(`.${target}-dropdown`);
+          ok(!dropdown.classList.contains("open"), "dropdown is closed");
+
+          simulateClick(button);
+          ok(dropdown.classList.contains("open"), "dropdown is open");
+
+          // simulate clicking on the article title to close the dropdown
+          let title = doc.querySelector(".reader-title");
+          simulateClick(title);
+          ok(!dropdown.classList.contains("open"), "dropdown is closed");
+
+          // reopen the dropdown
+          simulateClick(button);
+          ok(dropdown.classList.contains("open"), "dropdown is open");
+
+          // now click on the button again to close it
+          simulateClick(button);
+          ok(!dropdown.classList.contains("open"), "dropdown is closed");
+        }
+
+        let doc = content.document;
+        let win = content.window;
+
+        testOpenCloseDropdown("style");
+        testOpenCloseDropdown("colors");
+      });
+    }
+  );
+});