Bug 1880439 - Add contextmenu event tests that are generated by widget. r=masayuki

We don't have any tests with `ui.context_menus.after_mouseup` for GTK. So we
should add it using native mouse methods.

Differential Revision: https://phabricator.services.mozilla.com/D201972
This commit is contained in:
Makoto Kato 2024-02-16 06:22:12 +00:00
Родитель a6ad6dfff3
Коммит 151afcc1c9
2 изменённых файлов: 107 добавлений и 0 удалений

Просмотреть файл

@ -31,6 +31,10 @@ support-files = ["file_test_clipboard_asyncGetData.js"]
["test_clipboard_asyncSetData.html"]
support-files = ["file_test_clipboard_asyncSetData.js"]
["test_contextmenu_by_mouse_on_unix.html"]
run-if = ["os == 'linux'"]
skip-if = ["headless"] # headless widget doesn't dispatch contextmenu event by mouse event.
["test_keypress_event_with_alt_on_mac.html"]
run-if = ["os == 'mac'"]

Просмотреть файл

@ -0,0 +1,103 @@
<!DOCTYPE html>
<html>
<head>
<title>Test to fire contextmenu event by widget level</title>
<script src="/tests/SimpleTest/EventUtils.js"></script>
<script src="/tests/SimpleTest/SimpleTest.js"></script>
<script src="/tests/SimpleTest/SpecialPowers.js"></script>
<link rel="stylesheet" type="text/css" href="/tests/SimpleTest/test.css">
<style>
#target {
width: 100px;
height: 100px;
background-color: blue;
}
</style>
<script>
"use strict";
add_task(async function test_fire_contextmenu_by_mousedown() {
await SpecialPowers.pushPrefEnv({
set: [["ui.context_menus.after_mouseup", false]],
});
await SimpleTest.promiseFocus();
// contextmenu event is fired by mouse down.
await process_contextmenu_event({ isMousedown: true, preventEvent: false });
// contextmenu event is fired by mouse down even if mouse handler calls preventDefault.
await process_contextmenu_event({ isMousedown: true, preventEvent: true });
});
add_task(async function test_fire_contextmenu_by_mouseup() {
await SpecialPowers.pushPrefEnv({
set: [["ui.context_menus.after_mouseup", true]],
});
await SimpleTest.promiseFocus();
// contextmenu event is fired by mouse up.
await process_contextmenu_event({ isMousedown: false, preventEvent: false });
// contextmenu event is fired by mouse up even if mouse handler calls preventDefault.
await process_contextmenu_event({ isMousedown: false, preventEvent: true });
});
async function process_contextmenu_event({ isMousedown, preventEvent }) {
const target = document.getElementById("target");
let count = 0;
const promise = new Promise(resolve => {
target.addEventListener("mousedown", e => {
is(e.buttons, 2, "The right button down should be fired");
is(count++, 0, "The first event is mousedown");
if (isMousedown && preventEvent) {
e.preventDefault();
}
}, { once: true });
if (isMousedown) {
target.addEventListener("contextmenu", e => {
is(count++, 1, "The second event is contextmenu");
e.preventDefault();
}, { once: true });
target.addEventListener("mouseup", e => {
is(count++, 2, "The third event is mouseup");
resolve();
}, { once: true} );
} else {
target.addEventListener("mouseup", e => {
is(count++, 1, "The second event is mouseup");
if (preventEvent) {
e.preventDefault();
}
}, { once: true });
target.addEventListener("contextmenu", e => {
is(count++, 2, "The third event is contextmenu");
e.preventDefault();
resolve();
}, { once: true });
}
});
synthesizeNativeMouseEvent({
type: "mousedown",
target,
offsetX: 10,
offsetY: 10,
button: 2,
});
synthesizeNativeMouseEvent({
type: "mouseup",
target,
offsetX: 10,
offsetY: 10,
button: 2,
});
await promise;
}
</script>
</head>
<body>
<div id="target"></div>
</body>
</html>