Files
tubestation/browser/devtools/shared/test/browser_flame-graph-03b.js

77 lines
2.4 KiB
JavaScript

/* Any copyright is dedicated to the Public Domain.
http://creativecommons.org/publicdomain/zero/1.0/ */
// Tests that selections in the flame graph widget work properly on HiDPI.
let TEST_DATA = [{ color: "#f00", blocks: [{ x: 0, y: 0, width: 50, height: 20, text: "FOO" }, { x: 50, y: 0, width: 100, height: 20, text: "BAR" }] }, { color: "#00f", blocks: [{ x: 0, y: 30, width: 30, height: 20, text: "BAZ" }] }];
let TEST_BOUNDS = { startTime: 0, endTime: 150 };
let TEST_WIDTH = 200;
let TEST_HEIGHT = 100;
let TEST_DPI_DENSITIY = 2;
let {FlameGraph} = require("devtools/shared/widgets/FlameGraph");
let {Promise} = require("resource://gre/modules/Promise.jsm");
add_task(function*() {
yield promiseTab("about:blank");
yield performTest();
gBrowser.removeCurrentTab();
});
function* performTest() {
let [host, win, doc] = yield createHost();
doc.body.setAttribute("style", "position: fixed; width: 100%; height: 100%; margin: 0;");
let graph = new FlameGraph(doc.body, TEST_DPI_DENSITIY);
graph.fixedWidth = TEST_WIDTH;
graph.fixedHeight = TEST_HEIGHT;
yield graph.ready();
testGraph(graph);
yield graph.destroy();
host.destroy();
}
function testGraph(graph) {
graph.setData({ data: TEST_DATA, bounds: TEST_BOUNDS });
is(graph.getViewRange().startTime, 0,
"The selection start boundary is correct on HiDPI (1).");
is(graph.getViewRange().endTime, 150,
"The selection end boundary is correct on HiDPI (1).");
is(graph.getOuterBounds().startTime, 0,
"The bounds start boundary is correct on HiDPI (1).");
is(graph.getOuterBounds().endTime, 150,
"The bounds end boundary is correct on HiDPI (1).");
scroll(graph, 10000, HORIZONTAL_AXIS, 1);
is(Math.round(graph.getViewRange().startTime), 150,
"The selection start boundary is correct on HiDPI (2).");
is(Math.round(graph.getViewRange().endTime), 150,
"The selection end boundary is correct on HiDPI (2).");
is(graph.getOuterBounds().startTime, 0,
"The bounds start boundary is correct on HiDPI (2).");
is(graph.getOuterBounds().endTime, 150,
"The bounds end boundary is correct on HiDPI (2).");
}
// EventUtils just doesn't work!
let HORIZONTAL_AXIS = 1;
let VERTICAL_AXIS = 2;
function scroll(graph, wheel, axis, x, y = 1) {
x /= window.devicePixelRatio;
y /= window.devicePixelRatio;
graph._onMouseMove({ testX: x, testY: y });
graph._onMouseWheel({ testX: x, testY: y, axis, detail: wheel, axis,
HORIZONTAL_AXIS,
VERTICAL_AXIS
});
}