1 files changed, 89 insertions, 0 deletions
diff --git a/toolkit/components/reader/test/browser_readerMode_with_anchor.js b/toolkit/components/reader/test/browser_readerMode_with_anchor.js
new file mode 100644
index 0000000000..229daaed9d
--- /dev/null
+++ b/toolkit/components/reader/test/browser_readerMode_with_anchor.js
@@ -0,0 +1,89 @@
+/* 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"
+);
+
+add_task(async function test_loading_withHash() {
+  await BrowserTestUtils.withNewTab(
+    TEST_PATH + "readerModeArticle.html#foo",
+    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 () {
+        let foo = content.document.getElementById("foo");
+        ok(foo, "foo element should be in document");
+        let { scrollTop } = content.document.documentElement;
+        if (scrollTop == 0) {
+          await ContentTaskUtils.waitForEvent(content.document, "scroll");
+          ({ scrollTop } = content.document.documentElement);
+        }
+        let { offsetTop } = foo;
+        Assert.lessOrEqual(
+          Math.abs(scrollTop - offsetTop),
+          1,
+          `scrollTop (${scrollTop}) should be within 1 CSS pixel of offsetTop (${offsetTop})`
+        );
+      });
+    }
+  );
+});
+
+add_task(async function test_loading_withoutHash() {
+  await BrowserTestUtils.withNewTab(
+    TEST_PATH + "readerModeArticle.html",
+    async function (browser) {
+      let pageShownPromise = BrowserTestUtils.waitForContentEvent(
+        browser,
+        "AboutReaderContentReady"
+      );
+      let pageLoadedPromise = BrowserTestUtils.waitForContentEvent(
+        browser,
+        "load",
+        true
+      );
+      let readerButton = document.getElementById("reader-mode-button");
+      readerButton.click();
+      await Promise.all([pageShownPromise, pageLoadedPromise]);
+      await SpecialPowers.spawn(gBrowser.selectedBrowser, [], async () => {
+        Assert.equal(
+          content.document.documentElement.scrollTop,
+          0,
+          "scrollTop should be 0"
+        );
+      });
+      let scrollEventPromise = BrowserTestUtils.waitForContentEvent(
+        browser,
+        "scroll",
+        true
+      );
+      await BrowserTestUtils.synthesizeMouseAtCenter(
+        "#foo-anchor",
+        {},
+        browser
+      );
+      await scrollEventPromise;
+      await SpecialPowers.spawn(browser, [], async function () {
+        let foo = content.document.getElementById("foo");
+        ok(foo, "foo element should be in document");
+        let { scrollTop } = content.document.documentElement;
+        let { offsetTop } = foo;
+        Assert.lessOrEqual(
+          Math.abs(scrollTop - offsetTop),
+          1,
+          `scrollTop (${scrollTop}) should be within 1 CSS pixel of offsetTop (${offsetTop})`
+        );
+      });
+    }
+  );
+});