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
|
<!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 }) {
await SpecialPowers.contentTransformsReceived(window);
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>
|