1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
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})`
);
});
}
);
});
|
