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
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
|
/* 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";
/* import-globals-from ../../mochitest/layout.js */
loadScripts({ name: "layout.js", dir: MOCHITESTS_DIR });
const appUnitsPerDevPixel = 60;
function testCachedScrollPosition(acc, expectedX, expectedY) {
let cachedPosition = "";
try {
cachedPosition = acc.cache.getStringProperty("scroll-position");
} catch (e) {
// If the key doesn't exist, this means 0, 0.
cachedPosition = "0, 0";
}
// The value we retrieve from the cache is in app units, but the values
// passed in are in pixels. Since the retrieved value is a string,
// and harder to modify, adjust our expected x and y values to match its units.
return (
cachedPosition ==
`${expectedX * appUnitsPerDevPixel}, ${expectedY * appUnitsPerDevPixel}`
);
}
function getCachedBounds(acc) {
let cachedBounds = "";
try {
cachedBounds = acc.cache.getStringProperty("relative-bounds");
} catch (e) {
ok(false, "Unable to fetch cached bounds from cache!");
}
return cachedBounds;
}
/**
* Test bounds of accessibles after scrolling
*/
addAccessibleTask(
`
<div id='square' style='height:100px; width:100px; background:green; margin-top:3000px; margin-bottom:4000px;'>
</div>
<div id='rect' style='height:40px; width:200px; background:blue; margin-bottom:3400px'>
</div>
`,
async function(browser, docAcc) {
ok(docAcc, "iframe document acc is present");
await testBoundsWithContent(docAcc, "square", browser);
await testBoundsWithContent(docAcc, "rect", browser);
await invokeContentTask(browser, [], () => {
content.document.getElementById("square").scrollIntoView();
});
await waitForContentPaint(browser);
await testBoundsWithContent(docAcc, "square", browser);
await testBoundsWithContent(docAcc, "rect", browser);
// Scroll rect into view, but also make it reflow so we can be sure the
// bounds are correct for reflowed frames.
await invokeContentTask(browser, [], () => {
const rect = content.document.getElementById("rect");
rect.scrollIntoView();
rect.style.width = "300px";
rect.offsetTop; // Flush layout.
rect.style.width = "200px";
rect.offsetTop; // Flush layout.
});
await waitForContentPaint(browser);
await testBoundsWithContent(docAcc, "square", browser);
await testBoundsWithContent(docAcc, "rect", browser);
},
{ iframe: true, remoteIframe: true, chrome: true }
);
/**
* Test scroll offset on cached accessibles
*/
addAccessibleTask(
`
<div id='square' style='height:100px; width:100px; background:green; margin-top:3000px; margin-bottom:4000px;'>
</div>
<div id='rect' style='height:40px; width:200px; background:blue; margin-bottom:3400px'>
</div>
`,
async function(browser, docAcc) {
// We can only access the `cache` attribute of an accessible when
// the cache is enabled and we're in a remote browser. Verify
// both these conditions hold, and return early if they don't.
if (!isCacheEnabled || !browser.isRemoteBrowser) {
return;
}
ok(docAcc, "iframe document acc is present");
await untilCacheOk(
() => testCachedScrollPosition(docAcc, 0, 0),
"Correct initial scroll position."
);
const rectAcc = findAccessibleChildByID(docAcc, "rect");
const rectInitialBounds = getCachedBounds(rectAcc);
await invokeContentTask(browser, [], () => {
content.document.getElementById("square").scrollIntoView();
});
await waitForContentPaint(browser);
// The only content to scroll over is `square`'s top margin
// so our scroll offset here should be 3000px
await untilCacheOk(
() => testCachedScrollPosition(docAcc, 0, 3000),
"Correct scroll position after first scroll."
);
// Scroll rect into view, but also make it reflow so we can be sure the
// bounds are correct for reflowed frames.
await invokeContentTask(browser, [], () => {
const rect = content.document.getElementById("rect");
rect.scrollIntoView();
rect.style.width = "300px";
rect.offsetTop;
rect.style.width = "200px";
});
await waitForContentPaint(browser);
// We have to scroll over `square`'s top margin (3000px),
// `square` itself (100px), and `square`'s bottom margin (4000px).
// This should give us a 7100px offset.
await untilCacheOk(
() => testCachedScrollPosition(docAcc, 0, 7100),
"Correct final scroll position."
);
await untilCacheIs(
() => getCachedBounds(rectAcc),
rectInitialBounds,
"Cached relative bounds don't change when scrolling"
);
},
{ iframe: true, remoteIframe: true }
);
|
