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
|
<!DOCTYPE HTML>
<html>
<!--
https://bugzilla.mozilla.org/show_bug.cgi?id=915962
-->
<head>
<title>Test for Bug 915962</title>
<script src="/tests/SimpleTest/SimpleTest.js"></script>
<link rel="stylesheet" type="text/css" href="/tests/SimpleTest/test.css"/>
<script src="/tests/SimpleTest/EventUtils.js"></script>
<script type="text/javascript" src="/tests/gfx/layers/apz/test/mochitest/apz_test_utils.js"></script>
</head>
<body>
<a target="_blank" href="https://bugzilla.mozilla.org/show_bug.cgi?id=915962">Mozilla Bug 915962</a>
<p id="display"></p>
<div id="content">
</div>
<pre id="test">
<script type="application/javascript">
/** Test for Bug 915962 **/
var smoothScrollPref = "general.smoothScroll";
SimpleTest.waitForExplicitFinish();
var win = window.open("file_bug915962.html", "_blank",
"width=600,height=600,scrollbars=yes");
function waitForScrollEvent(aWindow) {
return new Promise(resolve => {
aWindow.addEventListener("scroll", () => { SimpleTest.executeSoon(resolve); }, {once: true, capture: true});
});
}
function waitAndCheckNoScrollEvent(aWindow) {
let gotScroll = false;
function recordScroll() {
gotScroll = true;
}
aWindow.addEventListener("scroll", recordScroll, {capture: true});
return waitToClearOutAnyPotentialScrolls(aWindow).then(function() {
aWindow.removeEventListener("scroll", recordScroll, {capture: true});
is(gotScroll, false, "check that we didn't get a scroll");
});
}
SimpleTest.waitForFocus(function() {
SpecialPowers.pushPrefEnv({"set": [[smoothScrollPref, false]]}, startTest);
}, win);
async function startTest() {
// Make sure that pressing Space when a tabindex=-1 element is focused
// will scroll the page.
var button = win.document.querySelector("button");
var sc = win.document.querySelector("div");
sc.focus();
await waitToClearOutAnyPotentialScrolls(win);
is(win.scrollY, 0, "Sanity check");
let waitForScrolling = waitForScrollEvent(win);
synthesizeKey(" ", {}, win);
await waitForScrolling;
isnot(win.scrollY, 0, "Page is scrolled down");
var oldY = win.scrollY;
waitForScrolling = waitForScrollEvent(win);
synthesizeKey(" ", {shiftKey: true}, win);
await waitForScrolling;
ok(win.scrollY < oldY, "Page is scrolled up");
// Make sure that pressing Space when a tabindex=-1 element is focused
// will not scroll the page, and will activate the element.
button.focus();
await waitToClearOutAnyPotentialScrolls(win);
var clicked = false;
button.onclick = () => clicked = true;
oldY = win.scrollY;
let waitForNoScroll = waitAndCheckNoScrollEvent(win);
synthesizeKey(" ", {}, win);
await waitForNoScroll;
ok(win.scrollY <= oldY, "Page is not scrolled down");
ok(clicked, "The button should be clicked");
synthesizeKey("VK_TAB", {}, win);
await waitToClearOutAnyPotentialScrolls(win);
oldY = win.scrollY;
waitForScrolling = waitForScrollEvent(win);
synthesizeKey(" ", {}, win);
await waitForScrolling;
ok(win.scrollY >= oldY, "Page is scrolled down");
win.close();
win = window.open("file_bug915962.html", "_blank",
"width=600,height=600,scrollbars=yes");
SimpleTest.waitForFocus(async function() {
is(win.scrollY, 0, "Sanity check");
waitForScrolling = waitForScrollEvent(win);
synthesizeKey(" ", {}, win);
await waitForScrolling;
isnot(win.scrollY, 0, "Page is scrolled down without crashing");
win.close();
SimpleTest.finish();
}, win);
}
</script>
</pre>
</body>
</html>
|
