firefox-main/widget/tests/browser/browser_test_touchscreen_swipe_gesture.js (file symbol)

Source code

Revision control

Copy as Markdown

Other Tools

Test Info: Errors

/* 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";
Services.scriptloader.loadSubScript(
this
);
Services.scriptloader.loadSubScript(
this
);
const PLAIN_PAGE_FOR_SWIPE_NAVIGATION =
getRootDirectory(gTestPath).replace(
) + "helper_touchscreen_swipe_navigation.html";
// On Windows, nsWindow::SynthesizeNativeTouchPoint() somehow coalesces
// a move with the next one. So, wait until the move is dispatched when
// the test depends on every intermediate move.
async function synthesizeNativeTouchMoveAndWait(aBrowser, aX, aY) {
const touchmove = BrowserTestUtils.waitForEvent(window, "touchmove", true);
await synthesizeNativeTouch(
aBrowser,
aX,
aY,
SpecialPowers.DOMWindowUtils.TOUCH_CONTACT
);
await touchmove;
}
async function waitForWhile() {
await new Promise(resolve => {
requestIdleCallback(resolve, { timeout: 300 });
});
await new Promise(r => requestAnimationFrame(r));
}
add_setup(async function () {
await SpecialPowers.pushPrefEnv({
set: [
["browser.gesture.swipe.left", "Browser:BackOrBackDuplicate"],
["browser.gesture.swipe.right", "Browser:ForwardOrForwardDuplicate"],
["widget.disable-swipe-tracker", false],
["widget.swipe.touchscreen.enabled", true],
["widget.swipe.velocity-twitch-tolerance", 0.0000001],
["widget.swipe.success-velocity-contribution", 0.0],
["widget.swipe.pixel-size", 100.0],
["apz.touch_start_tolerance", 0.0],
["apz.touch_move_tolerance", 0.0],
["apz.overscroll.enabled", true],
["apz.test.logging_enabled", true],
],
});
});
add_task(async function test_touchscreen_swipe_navigates_back_and_forward() {
const firstPage = PLAIN_PAGE_FOR_SWIPE_NAVIGATION + "?first";
const secondPage = PLAIN_PAGE_FOR_SWIPE_NAVIGATION + "?second";
const tab = await BrowserTestUtils.openNewForegroundTab(
gBrowser,
firstPage,
true /* waitForLoad */
);
BrowserTestUtils.startLoadingURIString(tab.linkedBrowser, secondPage);
await BrowserTestUtils.browserLoaded(
tab.linkedBrowser,
false /* includeSubFrames */,
secondPage
);
// Test back navigation.
ok(gBrowser.webNavigation.canGoBack);
ok(!gBrowser.webNavigation.canGoForward);
const started1 = BrowserTestUtils.browserStarted(
tab.linkedBrowser,
firstPage
);
const stopped1 = BrowserTestUtils.browserStopped(
tab.linkedBrowser,
firstPage
);
const { TOUCH_CONTACT, TOUCH_REMOVE } = SpecialPowers.DOMWindowUtils;
await synthesizeNativeTouch(tab.linkedBrowser, 100, 100, TOUCH_CONTACT);
await synthesizeNativeTouch(tab.linkedBrowser, 200, 100, TOUCH_CONTACT);
await synthesizeNativeTouch(tab.linkedBrowser, 300, 100, TOUCH_CONTACT);
await synthesizeNativeTouch(tab.linkedBrowser, 300, 100, TOUCH_REMOVE);
await Promise.all([started1, stopped1]);
is(
tab.linkedBrowser.currentURI.spec,
firstPage,
"A rightward touchscreen swipe navigates back to the previous page"
);
// Test forward navigation.
ok(!gBrowser.webNavigation.canGoBack);
ok(gBrowser.webNavigation.canGoForward);
const started2 = BrowserTestUtils.browserStarted(
tab.linkedBrowser,
secondPage
);
const stopped2 = BrowserTestUtils.browserStopped(
tab.linkedBrowser,
secondPage
);
await synthesizeNativeTouch(tab.linkedBrowser, 300, 100, TOUCH_CONTACT);
await synthesizeNativeTouch(tab.linkedBrowser, 200, 100, TOUCH_CONTACT);
await synthesizeNativeTouch(tab.linkedBrowser, 100, 100, TOUCH_CONTACT);
await synthesizeNativeTouch(tab.linkedBrowser, 100, 100, TOUCH_REMOVE);
await Promise.all([started2, stopped2]);
is(
tab.linkedBrowser.currentURI.spec,
secondPage,
"A leftward touchscreen swipe navigates forward to the next page"
);
BrowserTestUtils.removeTab(tab);
});
add_task(
async function test_touchscreen_swipe_navigation_happens_in_non_scrollable_direction_when_another_direction_is_scrollable() {
const firstPage = PLAIN_PAGE_FOR_SWIPE_NAVIGATION + "?first";
const tab = await BrowserTestUtils.openNewForegroundTab(
gBrowser,
firstPage,
true /* waitForLoad */
);
const URL_ROOT = getRootDirectory(gTestPath).replace(
);
BrowserTestUtils.startLoadingURIString(
tab.linkedBrowser,
URL_ROOT + "helper_swipe_gesture.html"
);
await BrowserTestUtils.browserLoaded(
tab.linkedBrowser,
false /* includeSubFrames */,
URL_ROOT + "helper_swipe_gesture.html"
);
ok(gBrowser.webNavigation.canGoBack);
ok(!gBrowser.webNavigation.canGoForward);
await SpecialPowers.spawn(tab.linkedBrowser, [], async () => {
ok(
content.document.documentElement.scrollLeft == 0 &&
content.document.documentElement.scrollLeftMax > 0,
"the page is on the left edge and it is scrollable in the right"
);
});
const started = BrowserTestUtils.browserStarted(
tab.linkedBrowser,
firstPage
);
const stopped = BrowserTestUtils.browserStopped(
tab.linkedBrowser,
firstPage
);
const { TOUCH_CONTACT, TOUCH_REMOVE } = SpecialPowers.DOMWindowUtils;
await synthesizeNativeTouch(tab.linkedBrowser, 100, 100, TOUCH_CONTACT);
await synthesizeNativeTouch(tab.linkedBrowser, 200, 100, TOUCH_CONTACT);
await synthesizeNativeTouch(tab.linkedBrowser, 300, 100, TOUCH_CONTACT);
await synthesizeNativeTouch(tab.linkedBrowser, 300, 100, TOUCH_REMOVE);
await Promise.all([started, stopped]);
is(
tab.linkedBrowser.currentURI.spec,
firstPage,
"A touchscreen swipe navigates back to the previous page"
);
BrowserTestUtils.removeTab(tab);
}
);
add_task(
async function test_touchscreen_swipe_navigation_does_not_happen_in_scrollable_direction() {
const firstPage = PLAIN_PAGE_FOR_SWIPE_NAVIGATION + "?first";
const tab = await BrowserTestUtils.openNewForegroundTab(
gBrowser,
firstPage,
true /* waitForLoad */
);
const URL_ROOT = getRootDirectory(gTestPath).replace(
);
BrowserTestUtils.startLoadingURIString(
tab.linkedBrowser,
URL_ROOT + "helper_swipe_gesture.html"
);
await BrowserTestUtils.browserLoaded(
tab.linkedBrowser,
false /* includeSubFrames */,
URL_ROOT + "helper_swipe_gesture.html"
);
ok(gBrowser.webNavigation.canGoBack);
ok(!gBrowser.webNavigation.canGoForward);
// Scroll slightly to the right so the page can scroll back to the left.
await SpecialPowers.spawn(tab.linkedBrowser, [], async () => {
content.document.documentElement.scrollLeft = 1;
content.document.documentElement.getBoundingClientRect();
await content.wrappedJSObject.promiseApzFlushedRepaints();
});
const { TOUCH_CONTACT, TOUCH_REMOVE } = SpecialPowers.DOMWindowUtils;
await synthesizeNativeTouch(tab.linkedBrowser, 100, 100, TOUCH_CONTACT);
await synthesizeNativeTouch(tab.linkedBrowser, 200, 100, TOUCH_CONTACT);
await synthesizeNativeTouch(tab.linkedBrowser, 300, 100, TOUCH_CONTACT);
await synthesizeNativeTouch(tab.linkedBrowser, 300, 100, TOUCH_REMOVE);
await waitForWhile();
is(
tab.linkedBrowser.currentURI.spec,
URL_ROOT + "helper_swipe_gesture.html",
"Any navigation didn't happen"
);
BrowserTestUtils.removeTab(tab);
}
);
add_task(
async function test_touchscreen_swipe_navigation_does_not_happen_after_reversal() {
const firstPage = PLAIN_PAGE_FOR_SWIPE_NAVIGATION + "?first";
const secondPage = PLAIN_PAGE_FOR_SWIPE_NAVIGATION + "?second";
const thirdPage = PLAIN_PAGE_FOR_SWIPE_NAVIGATION + "?third";
const tab = await BrowserTestUtils.openNewForegroundTab(
gBrowser,
firstPage,
true /* waitForLoad */
);
BrowserTestUtils.startLoadingURIString(tab.linkedBrowser, secondPage);
await BrowserTestUtils.browserLoaded(
tab.linkedBrowser,
false /* includeSubFrames */,
secondPage
);
BrowserTestUtils.startLoadingURIString(tab.linkedBrowser, thirdPage);
await BrowserTestUtils.browserLoaded(
tab.linkedBrowser,
false /* includeSubFrames */,
thirdPage
);
const started = BrowserTestUtils.browserStarted(
tab.linkedBrowser,
secondPage
);
const stopped = BrowserTestUtils.browserStopped(
tab.linkedBrowser,
secondPage
);
tab.linkedBrowser.goBack();
await Promise.all([started, stopped]);
ok(gBrowser.webNavigation.canGoBack);
ok(gBrowser.webNavigation.canGoForward);
// Start a forward swipe, then reverse past the starting point.
// The reversal must cancel the swipe rather than switch to back navigation.
const { TOUCH_CONTACT, TOUCH_REMOVE } = SpecialPowers.DOMWindowUtils;
await synthesizeNativeTouch(tab.linkedBrowser, 200, 100, TOUCH_CONTACT);
await synthesizeNativeTouchMoveAndWait(tab.linkedBrowser, 100, 100);
await synthesizeNativeTouchMoveAndWait(tab.linkedBrowser, 300, 100);
await synthesizeNativeTouchMoveAndWait(tab.linkedBrowser, 400, 100);
await synthesizeNativeTouch(tab.linkedBrowser, 400, 100, TOUCH_REMOVE);
await waitForWhile();
is(
tab.linkedBrowser.currentURI.spec,
secondPage,
"Reversing a swipe does not navigate in either direction"
);
BrowserTestUtils.removeTab(tab);
}
);
add_task(
async function test_touchscreen_swipe_navigation_happen_after_stopping_swipe_in_the_opposite_direction() {
const firstPage = PLAIN_PAGE_FOR_SWIPE_NAVIGATION + "?first";
const secondPage = PLAIN_PAGE_FOR_SWIPE_NAVIGATION + "?second";
const thirdPage = PLAIN_PAGE_FOR_SWIPE_NAVIGATION + "?third";
const tab = await BrowserTestUtils.openNewForegroundTab(
gBrowser,
firstPage,
true /* waitForLoad */
);
BrowserTestUtils.startLoadingURIString(tab.linkedBrowser, secondPage);
await BrowserTestUtils.browserLoaded(
tab.linkedBrowser,
false /* includeSubFrames */,
secondPage
);
BrowserTestUtils.startLoadingURIString(tab.linkedBrowser, thirdPage);
await BrowserTestUtils.browserLoaded(
tab.linkedBrowser,
false /* includeSubFrames */,
thirdPage
);
const started1 = BrowserTestUtils.browserStarted(
tab.linkedBrowser,
secondPage
);
const stopped1 = BrowserTestUtils.browserStopped(
tab.linkedBrowser,
secondPage
);
tab.linkedBrowser.goBack();
await Promise.all([started1, stopped1]);
ok(gBrowser.webNavigation.canGoBack);
ok(gBrowser.webNavigation.canGoForward);
const started2 = BrowserTestUtils.browserStarted(
tab.linkedBrowser,
thirdPage
);
const stopped2 = BrowserTestUtils.browserStopped(
tab.linkedBrowser,
thirdPage
);
const { TOUCH_CONTACT, TOUCH_REMOVE } = SpecialPowers.DOMWindowUtils;
// End the swipe before it reaches the navigation threshold...
await synthesizeNativeTouch(tab.linkedBrowser, 100, 100, TOUCH_CONTACT);
await synthesizeNativeTouch(tab.linkedBrowser, 105, 100, TOUCH_CONTACT);
await synthesizeNativeTouch(tab.linkedBrowser, 110, 100, TOUCH_CONTACT);
await synthesizeNativeTouch(tab.linkedBrowser, 110, 100, TOUCH_REMOVE);
// ...then swipe in the opposite direction.
await synthesizeNativeTouch(tab.linkedBrowser, 300, 100, TOUCH_CONTACT);
await synthesizeNativeTouch(tab.linkedBrowser, 200, 100, TOUCH_CONTACT);
await synthesizeNativeTouch(tab.linkedBrowser, 100, 100, TOUCH_CONTACT);
await synthesizeNativeTouch(tab.linkedBrowser, 100, 100, TOUCH_REMOVE);
await Promise.all([started2, stopped2]);
is(
tab.linkedBrowser.currentURI.spec,
thirdPage,
"A touchscreen swipe navigates forward to the next page"
);
BrowserTestUtils.removeTab(tab);
}
);
add_task(
async function test_touchscreen_swipe_navigation_happen_after_reversal_within_slop() {
await SpecialPowers.pushPrefEnv({
set: [
// Tolerances are in inches: keep the initial 5px move within slop,
// while allowing the subsequent 100px move to start the swipe.
["apz.touch_start_tolerance", 0.1],
["apz.touch_move_tolerance", 0.1],
],
});
const firstPage = PLAIN_PAGE_FOR_SWIPE_NAVIGATION + "?first";
const secondPage = PLAIN_PAGE_FOR_SWIPE_NAVIGATION + "?second";
const tab = await BrowserTestUtils.openNewForegroundTab(
gBrowser,
firstPage,
true /* waitForLoad */
);
BrowserTestUtils.startLoadingURIString(tab.linkedBrowser, secondPage);
await BrowserTestUtils.browserLoaded(
tab.linkedBrowser,
false /* includeSubFrames */,
secondPage
);
ok(gBrowser.webNavigation.canGoBack);
ok(!gBrowser.webNavigation.canGoForward);
const started = BrowserTestUtils.browserStarted(
tab.linkedBrowser,
firstPage
);
const stopped = BrowserTestUtils.browserStopped(
tab.linkedBrowser,
firstPage
);
const { TOUCH_CONTACT, TOUCH_REMOVE } = SpecialPowers.DOMWindowUtils;
await synthesizeNativeTouch(tab.linkedBrowser, 100, 100, TOUCH_CONTACT);
// Move left within slop, so this initial movement does not prevent
// the subsequent rightward swipe from navigating back.
await synthesizeNativeTouch(tab.linkedBrowser, 95, 100, TOUCH_CONTACT);
await synthesizeNativeTouch(tab.linkedBrowser, 200, 100, TOUCH_CONTACT);
await synthesizeNativeTouch(tab.linkedBrowser, 300, 100, TOUCH_CONTACT);
await synthesizeNativeTouch(tab.linkedBrowser, 300, 100, TOUCH_REMOVE);
await Promise.all([started, stopped]);
is(
tab.linkedBrowser.currentURI.spec,
firstPage,
"A touchscreen swipe navigates back to the previous page"
);
BrowserTestUtils.removeTab(tab);
await SpecialPowers.popPrefEnv();
}
);
add_task(
async function test_touchscreen_swipe_navigation_does_not_happen_after_vertical_movement() {
const firstPage = PLAIN_PAGE_FOR_SWIPE_NAVIGATION + "?first";
const secondPage = PLAIN_PAGE_FOR_SWIPE_NAVIGATION + "?second";
const tab = await BrowserTestUtils.openNewForegroundTab(
gBrowser,
firstPage,
true /* waitForLoad */
);
BrowserTestUtils.startLoadingURIString(tab.linkedBrowser, secondPage);
await BrowserTestUtils.browserLoaded(
tab.linkedBrowser,
false /* includeSubFrames */,
secondPage
);
ok(gBrowser.webNavigation.canGoBack);
ok(!gBrowser.webNavigation.canGoForward);
// Vertical movement outside slop must reject navigation for the whole block,
// even if the finger then moves far enough horizontally to navigate back.
const { TOUCH_CONTACT, TOUCH_REMOVE } = SpecialPowers.DOMWindowUtils;
await synthesizeNativeTouch(tab.linkedBrowser, 100, 100, TOUCH_CONTACT);
await synthesizeNativeTouch(tab.linkedBrowser, 100, 200, TOUCH_CONTACT);
await synthesizeNativeTouch(tab.linkedBrowser, 200, 200, TOUCH_CONTACT);
await synthesizeNativeTouch(tab.linkedBrowser, 300, 200, TOUCH_CONTACT);
await synthesizeNativeTouch(tab.linkedBrowser, 300, 200, TOUCH_REMOVE);
await waitForWhile();
is(
tab.linkedBrowser.currentURI.spec,
secondPage,
"Vertical movement prevents navigation after subsequent horizontal movement"
);
BrowserTestUtils.removeTab(tab);
}
);
add_task(
async function test_touchscreen_swipe_navigates_back_after_rejected_touch_block() {
const firstPage = PLAIN_PAGE_FOR_SWIPE_NAVIGATION + "?first";
const secondPage = PLAIN_PAGE_FOR_SWIPE_NAVIGATION + "?second";
const tab = await BrowserTestUtils.openNewForegroundTab(
gBrowser,
firstPage,
true /* waitForLoad */
);
BrowserTestUtils.startLoadingURIString(tab.linkedBrowser, secondPage);
await BrowserTestUtils.browserLoaded(
tab.linkedBrowser,
false /* includeSubFrames */,
secondPage
);
ok(gBrowser.webNavigation.canGoBack);
ok(!gBrowser.webNavigation.canGoForward);
// Reject a leftward gesture with no forward history...
const { TOUCH_CONTACT, TOUCH_REMOVE } = SpecialPowers.DOMWindowUtils;
await synthesizeNativeTouch(tab.linkedBrowser, 200, 100, TOUCH_CONTACT);
await synthesizeNativeTouch(tab.linkedBrowser, 100, 100, TOUCH_CONTACT);
await synthesizeNativeTouch(tab.linkedBrowser, 100, 100, TOUCH_REMOVE);
await waitForWhile();
is(
tab.linkedBrowser.currentURI.spec,
secondPage,
"The rejected gesture does not navigate"
);
const started = BrowserTestUtils.browserStarted(
tab.linkedBrowser,
firstPage
);
const stopped = BrowserTestUtils.browserStopped(
tab.linkedBrowser,
firstPage
);
// ...then verify that rejection does not carry over into the
// next touch block.
await synthesizeNativeTouch(tab.linkedBrowser, 100, 100, TOUCH_CONTACT);
await synthesizeNativeTouch(tab.linkedBrowser, 200, 100, TOUCH_CONTACT);
await synthesizeNativeTouch(tab.linkedBrowser, 300, 100, TOUCH_CONTACT);
await synthesizeNativeTouch(tab.linkedBrowser, 300, 100, TOUCH_REMOVE);
await Promise.all([started, stopped]);
is(
tab.linkedBrowser.currentURI.spec,
firstPage,
"A new touch block can navigate back"
);
BrowserTestUtils.removeTab(tab);
}
);
add_task(
async function test_touchscreen_swipe_navigation_does_not_happen_when_touch_is_canceled() {
await SpecialPowers.pushPrefEnv({
set: [
// On Windows, nsWindow::SynthesizeNativeTouchPoint() injects touches via
// InjectTouchInput(), and nsWindow::OnTouch() converts the resulting
// WM_TOUCH into MultiTouchInput. WM_TOUCH has no cancel flag (POINTER_FLAG_CANCELED),
// so OnTouch() turns TOUCH_CANCEL into MULTITOUCH_END.
// Dispatch the touches directly through nsIWidget::DispatchTouchInput() instead.
[
"apz.test.fails_with_native_injection",
AppConstants.platform == "win",
],
],
});
const firstPage = PLAIN_PAGE_FOR_SWIPE_NAVIGATION + "?first";
const secondPage = PLAIN_PAGE_FOR_SWIPE_NAVIGATION + "?second";
const tab = await BrowserTestUtils.openNewForegroundTab(
gBrowser,
firstPage,
true /* waitForLoad */
);
BrowserTestUtils.startLoadingURIString(tab.linkedBrowser, secondPage);
await BrowserTestUtils.browserLoaded(
tab.linkedBrowser,
false /* includeSubFrames */,
secondPage
);
ok(gBrowser.webNavigation.canGoBack);
ok(!gBrowser.webNavigation.canGoForward);
const { TOUCH_CONTACT, TOUCH_CANCEL } = SpecialPowers.DOMWindowUtils;
await synthesizeNativeTouch(tab.linkedBrowser, 100, 100, TOUCH_CONTACT);
await synthesizeNativeTouch(tab.linkedBrowser, 200, 100, TOUCH_CONTACT);
await synthesizeNativeTouch(tab.linkedBrowser, 300, 100, TOUCH_CONTACT);
await synthesizeNativeTouch(tab.linkedBrowser, 300, 100, TOUCH_CANCEL);
await waitForWhile();
is(
tab.linkedBrowser.currentURI.spec,
secondPage,
"Any navigation didn't happen"
);
BrowserTestUtils.removeTab(tab);
await SpecialPowers.popPrefEnv();
}
);
add_task(
async function test_touchscreen_swipe_navigates_back_after_cancellation() {
await SpecialPowers.pushPrefEnv({
set: [
// On Windows, nsWindow::SynthesizeNativeTouchPoint() injects touches via
// InjectTouchInput(), and nsWindow::OnTouch() converts the resulting
// WM_TOUCH into MultiTouchInput. WM_TOUCH has no cancel flag (POINTER_FLAG_CANCELED),
// so OnTouch() turns TOUCH_CANCEL into MULTITOUCH_END.
// Dispatch the touches directly through nsIWidget::DispatchTouchInput() instead.
[
"apz.test.fails_with_native_injection",
AppConstants.platform == "win",
],
],
});
const firstPage = PLAIN_PAGE_FOR_SWIPE_NAVIGATION + "?first";
const secondPage = PLAIN_PAGE_FOR_SWIPE_NAVIGATION + "?second";
const tab = await BrowserTestUtils.openNewForegroundTab(
gBrowser,
firstPage,
true /* waitForLoad */
);
BrowserTestUtils.startLoadingURIString(tab.linkedBrowser, secondPage);
await BrowserTestUtils.browserLoaded(
tab.linkedBrowser,
false /* includeSubFrames */,
secondPage
);
ok(gBrowser.webNavigation.canGoBack);
ok(!gBrowser.webNavigation.canGoForward);
// Cancellation must reset the touch state so a new touchscreen swipe can
// navigate, even after the canceled gesture crossed the success threshold.
const { TOUCH_CONTACT, TOUCH_CANCEL, TOUCH_REMOVE } =
SpecialPowers.DOMWindowUtils;
await synthesizeNativeTouch(tab.linkedBrowser, 100, 100, TOUCH_CONTACT);
await synthesizeNativeTouch(tab.linkedBrowser, 200, 100, TOUCH_CONTACT);
await synthesizeNativeTouch(tab.linkedBrowser, 300, 100, TOUCH_CONTACT);
await synthesizeNativeTouch(tab.linkedBrowser, 300, 100, TOUCH_CANCEL);
await waitForWhile();
is(
tab.linkedBrowser.currentURI.spec,
secondPage,
"The canceled gesture does not navigate"
);
const started = BrowserTestUtils.browserStarted(
tab.linkedBrowser,
firstPage
);
const stopped = BrowserTestUtils.browserStopped(
tab.linkedBrowser,
firstPage
);
await synthesizeNativeTouch(tab.linkedBrowser, 100, 100, TOUCH_CONTACT);
await synthesizeNativeTouch(tab.linkedBrowser, 200, 100, TOUCH_CONTACT);
await synthesizeNativeTouch(tab.linkedBrowser, 300, 100, TOUCH_CONTACT);
await synthesizeNativeTouch(tab.linkedBrowser, 300, 100, TOUCH_REMOVE);
await Promise.all([started, stopped]);
is(
tab.linkedBrowser.currentURI.spec,
firstPage,
"A new touch block can navigate back"
);
BrowserTestUtils.removeTab(tab);
await SpecialPowers.popPrefEnv();
}
);
add_task(async function test_scroll_page_after_stopping_swipe_in_the_middle() {
const firstPage = PLAIN_PAGE_FOR_SWIPE_NAVIGATION + "?first";
const tab = await BrowserTestUtils.openNewForegroundTab(
gBrowser,
firstPage,
true /* waitForLoad */
);
const URL_ROOT = getRootDirectory(gTestPath).replace(
);
BrowserTestUtils.startLoadingURIString(
tab.linkedBrowser,
URL_ROOT + "helper_swipe_gesture.html"
);
await BrowserTestUtils.browserLoaded(
tab.linkedBrowser,
false /* includeSubFrames */,
URL_ROOT + "helper_swipe_gesture.html"
);
ok(gBrowser.webNavigation.canGoBack);
ok(!gBrowser.webNavigation.canGoForward);
await SpecialPowers.spawn(tab.linkedBrowser, [], async () => {
ok(
content.document.documentElement.scrollLeft == 0 &&
content.document.documentElement.scrollLeftMax > 0,
"the page is on the left edge and it is scrollable in the right"
);
});
const { TOUCH_CONTACT, TOUCH_REMOVE } = SpecialPowers.DOMWindowUtils;
// End the swipe before it reaches the navigation threshold.
await synthesizeNativeTouch(tab.linkedBrowser, 100, 100, TOUCH_CONTACT);
await synthesizeNativeTouch(tab.linkedBrowser, 105, 100, TOUCH_CONTACT);
await synthesizeNativeTouch(tab.linkedBrowser, 110, 100, TOUCH_CONTACT);
await synthesizeNativeTouch(tab.linkedBrowser, 110, 100, TOUCH_REMOVE);
await waitForWhile();
is(
tab.linkedBrowser.currentURI.spec,
URL_ROOT + "helper_swipe_gesture.html",
"Any navigation didn't happen"
);
// Scroll the page to the right. APZ starts panning on the first move and
// scrolls from the second one, so make sure both moves are dispatched.
await synthesizeNativeTouch(tab.linkedBrowser, 200, 100, TOUCH_CONTACT);
await synthesizeNativeTouchMoveAndWait(tab.linkedBrowser, 150, 100);
await synthesizeNativeTouchMoveAndWait(tab.linkedBrowser, 100, 100);
await synthesizeNativeTouch(tab.linkedBrowser, 100, 100, TOUCH_REMOVE);
await SpecialPowers.spawn(tab.linkedBrowser, [], async () => {
await content.wrappedJSObject.promiseApzFlushedRepaints();
Assert.greater(
content.document.documentElement.scrollLeft,
0,
"the page is scrolled in the right"
);
});
BrowserTestUtils.removeTab(tab);
});
add_task(
async function test_touchscreen_swipe_can_be_disabled_by_touchscreen_pref() {
await SpecialPowers.pushPrefEnv({
set: [["widget.swipe.touchscreen.enabled", false]],
});
const firstPage = PLAIN_PAGE_FOR_SWIPE_NAVIGATION + "?first";
const secondPage = PLAIN_PAGE_FOR_SWIPE_NAVIGATION + "?second";
const tab = await BrowserTestUtils.openNewForegroundTab(
gBrowser,
firstPage,
true /* waitForLoad */
);
BrowserTestUtils.startLoadingURIString(tab.linkedBrowser, secondPage);
await BrowserTestUtils.browserLoaded(
tab.linkedBrowser,
false /* includeSubFrames */,
secondPage
);
ok(gBrowser.webNavigation.canGoBack);
ok(!gBrowser.webNavigation.canGoForward);
let swipeMayStartFired = false;
const onSwipeMayStart = () => {
swipeMayStartFired = true;
};
window.addEventListener("MozSwipeGestureMayStart", onSwipeMayStart);
const { TOUCH_CONTACT, TOUCH_REMOVE } = SpecialPowers.DOMWindowUtils;
await synthesizeNativeTouch(tab.linkedBrowser, 100, 100, TOUCH_CONTACT);
await synthesizeNativeTouch(tab.linkedBrowser, 200, 100, TOUCH_CONTACT);
await synthesizeNativeTouch(tab.linkedBrowser, 300, 100, TOUCH_CONTACT);
await synthesizeNativeTouch(tab.linkedBrowser, 300, 100, TOUCH_REMOVE);
await waitForWhile();
window.removeEventListener("MozSwipeGestureMayStart", onSwipeMayStart);
ok(!swipeMayStartFired, "Swipe-to-nav is not considered");
is(
tab.linkedBrowser.currentURI.spec,
secondPage,
"A touchscreen swipe does not navigate when the pref is disabled"
);
BrowserTestUtils.removeTab(tab);
await SpecialPowers.popPrefEnv();
}
);
add_task(
async function test_touchscreen_swipe_happens_only_with_a_proper_direction() {
const firstPage = PLAIN_PAGE_FOR_SWIPE_NAVIGATION + "?first";
const secondPage = PLAIN_PAGE_FOR_SWIPE_NAVIGATION + "?second";
const tab = await BrowserTestUtils.openNewForegroundTab(
gBrowser,
firstPage,
true /* waitForLoad */
);
BrowserTestUtils.startLoadingURIString(tab.linkedBrowser, secondPage);
await BrowserTestUtils.browserLoaded(
tab.linkedBrowser,
false /* includeSubFrames */,
secondPage
);
ok(gBrowser.webNavigation.canGoBack);
ok(!gBrowser.webNavigation.canGoForward);
const { TOUCH_CONTACT, TOUCH_REMOVE } = SpecialPowers.DOMWindowUtils;
// When dx <= dy * 3.7, swipe-to-nav isn't triggered. See SwipeTracker::CanTriggerSwipe().
await synthesizeNativeTouch(tab.linkedBrowser, 100, 100, TOUCH_CONTACT);
await synthesizeNativeTouch(tab.linkedBrowser, 200, 130, TOUCH_CONTACT);
await synthesizeNativeTouch(tab.linkedBrowser, 300, 160, TOUCH_CONTACT);
await synthesizeNativeTouch(tab.linkedBrowser, 300, 160, TOUCH_REMOVE);
await waitForWhile();
is(
tab.linkedBrowser.currentURI.spec,
secondPage,
"The gesture does not navigate."
);
// When dx > dy * 3.7, swipe-to-nav is triggered.
const started = BrowserTestUtils.browserStarted(
tab.linkedBrowser,
firstPage
);
const stopped = BrowserTestUtils.browserStopped(
tab.linkedBrowser,
firstPage
);
await synthesizeNativeTouch(tab.linkedBrowser, 100, 100, TOUCH_CONTACT);
await synthesizeNativeTouch(tab.linkedBrowser, 200, 120, TOUCH_CONTACT);
await synthesizeNativeTouch(tab.linkedBrowser, 300, 140, TOUCH_CONTACT);
await synthesizeNativeTouch(tab.linkedBrowser, 300, 140, TOUCH_REMOVE);
await Promise.all([started, stopped]);
is(
tab.linkedBrowser.currentURI.spec,
firstPage,
"The gesture does navigate."
);
BrowserTestUtils.removeTab(tab);
}
);
add_task(
async function test_touchscreen_swipe_can_be_disabled_by_swipe_tracker_pref() {
await SpecialPowers.pushPrefEnv({
set: [
// Disable pref.
["widget.disable-swipe-tracker", true],
],
});
const firstPage = PLAIN_PAGE_FOR_SWIPE_NAVIGATION + "?first";
const secondPage = PLAIN_PAGE_FOR_SWIPE_NAVIGATION + "?second";
const tab = await BrowserTestUtils.openNewForegroundTab(
gBrowser,
firstPage,
true /* waitForLoad */
);
BrowserTestUtils.startLoadingURIString(tab.linkedBrowser, secondPage);
await BrowserTestUtils.browserLoaded(
tab.linkedBrowser,
false /* includeSubFrames */,
secondPage
);
ok(gBrowser.webNavigation.canGoBack);
ok(!gBrowser.webNavigation.canGoForward);
const { TOUCH_CONTACT, TOUCH_REMOVE } = SpecialPowers.DOMWindowUtils;
await synthesizeNativeTouch(tab.linkedBrowser, 100, 100, TOUCH_CONTACT);
await synthesizeNativeTouch(tab.linkedBrowser, 200, 100, TOUCH_CONTACT);
await synthesizeNativeTouch(tab.linkedBrowser, 300, 100, TOUCH_CONTACT);
await synthesizeNativeTouch(tab.linkedBrowser, 300, 100, TOUCH_REMOVE);
await waitForWhile();
is(
tab.linkedBrowser.currentURI.spec,
secondPage,
"The gesture does not navigate because of the disabled pref"
);
BrowserTestUtils.removeTab(tab);
await SpecialPowers.popPrefEnv();
}
);