/* 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})`
        );
      });
    }
  );
});