зеркало из https://github.com/mozilla/gecko-dev.git
98 строки
2.8 KiB
JavaScript
98 строки
2.8 KiB
JavaScript
/* Any copyright is dedicated to the Public Domain.
|
|
http://creativecommons.org/publicdomain/zero/1.0/ */
|
|
"use strict";
|
|
|
|
/**
|
|
* Tests that events are fired from selection manipulation.
|
|
*/
|
|
|
|
const { SIMPLE_URL } = require("devtools/client/performance/test/helpers/urls");
|
|
const {
|
|
initPerformanceInNewTab,
|
|
teardownToolboxAndRemoveTab,
|
|
} = require("devtools/client/performance/test/helpers/panel-utils");
|
|
const {
|
|
startRecording,
|
|
stopRecording,
|
|
} = require("devtools/client/performance/test/helpers/actions");
|
|
const {
|
|
once,
|
|
} = require("devtools/client/performance/test/helpers/event-utils");
|
|
const {
|
|
dragStartCanvasGraph,
|
|
dragStopCanvasGraph,
|
|
clickCanvasGraph,
|
|
} = require("devtools/client/performance/test/helpers/input-utils");
|
|
|
|
add_task(async function() {
|
|
const { panel } = await initPerformanceInNewTab({
|
|
url: SIMPLE_URL,
|
|
win: window,
|
|
});
|
|
|
|
const { EVENTS, PerformanceController, OverviewView } = panel.panelWin;
|
|
|
|
await startRecording(panel);
|
|
await stopRecording(panel);
|
|
|
|
const duration = PerformanceController.getCurrentRecording().getDuration();
|
|
const graph = OverviewView.graphs.get("timeline");
|
|
|
|
// Select the first half of the graph.
|
|
|
|
let rangeSelected = once(OverviewView, EVENTS.UI_OVERVIEW_RANGE_SELECTED, {
|
|
spreadArgs: true,
|
|
});
|
|
dragStartCanvasGraph(graph, { x: 0 });
|
|
let [{ startTime, endTime }] = await rangeSelected;
|
|
is(endTime, duration, "The selected range is the entire graph, for now.");
|
|
|
|
rangeSelected = once(OverviewView, EVENTS.UI_OVERVIEW_RANGE_SELECTED, {
|
|
spreadArgs: true,
|
|
});
|
|
dragStopCanvasGraph(graph, { x: graph.width / 2 });
|
|
[{ startTime, endTime }] = await rangeSelected;
|
|
is(endTime, duration / 2, "The selected range is half of the graph.");
|
|
|
|
is(graph.hasSelection(), true, "A selection exists on the graph.");
|
|
is(
|
|
startTime,
|
|
0,
|
|
"The UI_OVERVIEW_RANGE_SELECTED event fired with 0 as a `startTime`."
|
|
);
|
|
is(
|
|
endTime,
|
|
duration / 2,
|
|
`The UI_OVERVIEW_RANGE_SELECTED event fired with ${duration /
|
|
2} as \`endTime\`.`
|
|
);
|
|
|
|
const mapStart = () => 0;
|
|
const mapEnd = () => duration;
|
|
const actual = graph.getMappedSelection({ mapStart, mapEnd });
|
|
is(actual.min, 0, "Graph selection starts at 0.");
|
|
is(actual.max, duration / 2, `Graph selection ends at ${duration / 2}.`);
|
|
|
|
// Listen to deselection.
|
|
|
|
rangeSelected = once(OverviewView, EVENTS.UI_OVERVIEW_RANGE_SELECTED, {
|
|
spreadArgs: true,
|
|
});
|
|
clickCanvasGraph(graph, { x: (3 * graph.width) / 4 });
|
|
[{ startTime, endTime }] = await rangeSelected;
|
|
|
|
is(graph.hasSelection(), false, "A selection no longer on the graph.");
|
|
is(
|
|
startTime,
|
|
0,
|
|
"The UI_OVERVIEW_RANGE_SELECTED event fired with 0 as a `startTime`."
|
|
);
|
|
is(
|
|
endTime,
|
|
duration,
|
|
"The UI_OVERVIEW_RANGE_SELECTED event fired with duration as `endTime`."
|
|
);
|
|
|
|
await teardownToolboxAndRemoveTab(panel);
|
|
});
|