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
|
/* Any copyright is dedicated to the Public Domain.
http://creativecommons.org/publicdomain/zero/1.0/ */
"use strict";
// Tests that graph widgets correctly emit mouse input events.
const TEST_DATA = [
{ delta: 112, value: 48 },
{ delta: 213, value: 59 },
{ delta: 313, value: 60 },
{ delta: 413, value: 59 },
{ delta: 530, value: 59 },
{ delta: 646, value: 58 },
{ delta: 747, value: 60 },
{ delta: 863, value: 48 },
{ delta: 980, value: 37 },
{ delta: 1097, value: 30 },
{ delta: 1213, value: 29 },
{ delta: 1330, value: 23 },
{ delta: 1430, value: 10 },
{ delta: 1534, value: 17 },
{ delta: 1645, value: 20 },
{ delta: 1746, value: 22 },
{ delta: 1846, value: 39 },
{ delta: 1963, value: 26 },
{ delta: 2080, value: 27 },
{ delta: 2197, value: 35 },
{ delta: 2312, value: 47 },
{ delta: 2412, value: 53 },
{ delta: 2514, value: 60 },
{ delta: 2630, value: 37 },
{ delta: 2730, value: 36 },
{ delta: 2830, value: 37 },
{ delta: 2946, value: 36 },
{ delta: 3046, value: 40 },
{ delta: 3163, value: 47 },
{ delta: 3280, value: 41 },
{ delta: 3380, value: 35 },
{ delta: 3480, value: 27 },
{ delta: 3580, value: 39 },
{ delta: 3680, value: 42 },
{ delta: 3780, value: 49 },
{ delta: 3880, value: 55 },
{ delta: 3980, value: 60 },
{ delta: 4080, value: 60 },
{ delta: 4180, value: 60 },
];
const LineGraphWidget = require("devtools/client/shared/widgets/LineGraphWidget");
add_task(async function() {
await addTab("about:blank");
await performTest();
gBrowser.removeCurrentTab();
});
async function performTest() {
const { host, doc } = await createHost();
const graph = new LineGraphWidget(doc.body, "fps");
await testGraph(graph);
await graph.destroy();
host.destroy();
}
async function testGraph(graph) {
let mouseDownEvents = 0;
let mouseUpEvents = 0;
let scrollEvents = 0;
graph.on("mousedown", () => mouseDownEvents++);
graph.on("mouseup", () => mouseUpEvents++);
graph.on("scroll", () => scrollEvents++);
await graph.setDataWhenReady(TEST_DATA);
info("Making a selection.");
dragStart(graph, 300);
dragStop(graph, 500);
is(
graph.getSelection().start,
300,
"The current selection start value is correct (1)."
);
is(
graph.getSelection().end,
500,
"The current selection end value is correct (1)."
);
is(mouseDownEvents, 1, "One mousedown event should have been fired.");
is(mouseUpEvents, 1, "One mouseup event should have been fired.");
is(scrollEvents, 0, "No scroll event should have been fired.");
info("Zooming in by scrolling inside the selection.");
scroll(graph, -1000, 400);
is(
graph.getSelection().start,
375,
"The current selection start value is correct (2)."
);
is(
graph.getSelection().end,
425,
"The current selection end value is correct (2)."
);
is(mouseDownEvents, 1, "No more mousedown events should have been fired.");
is(mouseUpEvents, 1, "No more mouseup events should have been fired.");
is(scrollEvents, 1, "One scroll event should have been fired.");
}
// EventUtils just doesn't work!
function dragStart(graph, x, y = 1) {
x /= window.devicePixelRatio;
y /= window.devicePixelRatio;
graph._onMouseMove({ testX: x, testY: y });
graph._onMouseDown({ testX: x, testY: y });
}
function dragStop(graph, x, y = 1) {
x /= window.devicePixelRatio;
y /= window.devicePixelRatio;
graph._onMouseMove({ testX: x, testY: y });
graph._onMouseUp({ testX: x, testY: y });
}
function scroll(graph, wheel, x, y = 1) {
x /= window.devicePixelRatio;
y /= window.devicePixelRatio;
graph._onMouseMove({ testX: x, testY: y });
graph._onMouseWheel({ testX: x, testY: y, detail: wheel });
}
|
