2dada8f365
In a following patch, all DevTools moz.build files will use DevToolsModules to install JS modules at a path that corresponds directly to their source tree location. Here we rewrite all require and import calls to match the new location that these files are installed to.
117 lines
4.5 KiB
JavaScript
117 lines
4.5 KiB
JavaScript
/* Any copyright is dedicated to the Public Domain.
|
|
http://creativecommons.org/publicdomain/zero/1.0/ */
|
|
|
|
// Tests if movement via event dispatching using screenX / screenY
|
|
// works. All of the other tests directly use the graph's mouse event
|
|
// callbacks with textX / testY for convenience.
|
|
|
|
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 }];
|
|
var LineGraphWidget = require("devtools/client/shared/widgets/LineGraphWidget");
|
|
|
|
add_task(function*() {
|
|
yield promiseTab("about:blank");
|
|
yield performTest();
|
|
gBrowser.removeCurrentTab();
|
|
});
|
|
|
|
function* performTest() {
|
|
let [host, win, doc] = yield createHost();
|
|
let graph = new LineGraphWidget(doc.body, "fps");
|
|
yield graph.once("ready");
|
|
testGraph(graph);
|
|
yield graph.destroy();
|
|
host.destroy();
|
|
}
|
|
|
|
function testGraph(graph) {
|
|
graph.setData(TEST_DATA);
|
|
|
|
info("Making a selection.");
|
|
|
|
dragStart(graph, 300);
|
|
ok(graph.hasSelectionInProgress(),
|
|
"The selection should start (1).");
|
|
is(graph.getSelection().start, 300,
|
|
"The current selection start value is correct (1).");
|
|
is(graph.getSelection().end, 300,
|
|
"The current selection end value is correct (1).");
|
|
|
|
hover(graph, 400);
|
|
ok(graph.hasSelectionInProgress(),
|
|
"The selection should still be in progress (2).");
|
|
is(graph.getSelection().start, 300,
|
|
"The current selection start value is correct (2).");
|
|
is(graph.getSelection().end, 400,
|
|
"The current selection end value is correct (2).");
|
|
|
|
dragStop(graph, 500);
|
|
ok(!graph.hasSelectionInProgress(),
|
|
"The selection should have stopped (3).");
|
|
is(graph.getSelection().start, 300,
|
|
"The current selection start value is correct (3).");
|
|
is(graph.getSelection().end, 500,
|
|
"The current selection end value is correct (3).");
|
|
|
|
info("Making a new selection.");
|
|
|
|
dragStart(graph, 200);
|
|
ok(graph.hasSelectionInProgress(),
|
|
"The selection should start (4).");
|
|
is(graph.getSelection().start, 200,
|
|
"The current selection start value is correct (4).");
|
|
is(graph.getSelection().end, 200,
|
|
"The current selection end value is correct (4).");
|
|
|
|
hover(graph, 300);
|
|
ok(graph.hasSelectionInProgress(),
|
|
"The selection should still be in progress (5).");
|
|
is(graph.getSelection().start, 200,
|
|
"The current selection start value is correct (5).");
|
|
is(graph.getSelection().end, 300,
|
|
"The current selection end value is correct (5).");
|
|
|
|
dragStop(graph, 400);
|
|
ok(!graph.hasSelectionInProgress(),
|
|
"The selection should have stopped (6).");
|
|
is(graph.getSelection().start, 200,
|
|
"The current selection start value is correct (6).");
|
|
is(graph.getSelection().end, 400,
|
|
"The current selection end value is correct (6).");
|
|
}
|
|
|
|
// EventUtils just doesn't work!
|
|
|
|
function dispatchEvent(graph, x, y, type) {
|
|
x /= window.devicePixelRatio;
|
|
y /= window.devicePixelRatio;
|
|
let quad = graph._canvas.getBoxQuads({
|
|
relativeTo: window.document
|
|
})[0];
|
|
|
|
let screenX = window.screenX + quad.p1.x + x;
|
|
let screenY = window.screenY + quad.p1.y + y;
|
|
|
|
graph._canvas.dispatchEvent(new MouseEvent(type, {
|
|
bubbles: true,
|
|
cancelable: true,
|
|
buttons: 1,
|
|
view: window,
|
|
screenX: screenX,
|
|
screenY: screenY,
|
|
}));
|
|
}
|
|
|
|
function hover(graph, x, y = 1) {
|
|
dispatchEvent(graph, x, y, "mousemove");
|
|
}
|
|
|
|
function dragStart(graph, x, y = 1) {
|
|
dispatchEvent(graph, x, y, "mousemove");
|
|
dispatchEvent(graph, x, y, "mousedown");
|
|
}
|
|
|
|
function dragStop(graph, x, y = 1) {
|
|
dispatchEvent(graph, x, y, "mousemove");
|
|
dispatchEvent(graph, x, y, "mouseup");
|
|
}
|