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.
81 lines
2.7 KiB
JavaScript
81 lines
2.7 KiB
JavaScript
|
|
/* vim: set ts=2 et sw=2 tw=80: */
|
|
/* Any copyright is dedicated to the Public Domain.
|
|
http://creativecommons.org/publicdomain/zero/1.0/ */
|
|
|
|
"use strict";
|
|
|
|
// Tests the integration between CubicBezierWidget and CubicBezierPresets
|
|
|
|
const TEST_URI = "chrome://devtools/content/shared/widgets/cubic-bezier-frame.xhtml";
|
|
const {CubicBezierWidget} =
|
|
require("devtools/client/shared/widgets/CubicBezierWidget");
|
|
const {PRESETS} = require("devtools/client/shared/widgets/CubicBezierPresets");
|
|
|
|
add_task(function*() {
|
|
yield promiseTab("about:blank");
|
|
let [host, win, doc] = yield createHost("bottom", TEST_URI);
|
|
|
|
let container = doc.querySelector("#container");
|
|
let w = new CubicBezierWidget(container,
|
|
PRESETS["ease-in"]["ease-in-sine"]);
|
|
w.presets.refreshMenu(PRESETS["ease-in"]["ease-in-sine"]);
|
|
|
|
let rect = w.curve.getBoundingClientRect();
|
|
rect.graphTop = rect.height * w.bezierCanvas.padding[0];
|
|
|
|
yield adjustingBezierUpdatesPreset(w, win, doc, rect);
|
|
yield selectingPresetUpdatesBezier(w, win, doc, rect);
|
|
|
|
w.destroy();
|
|
host.destroy();
|
|
gBrowser.removeCurrentTab();
|
|
});
|
|
|
|
function* adjustingBezierUpdatesPreset(widget, win, doc, rect) {
|
|
info("Checking that changing the bezier refreshes the preset menu");
|
|
|
|
is(widget.presets.activeCategory,
|
|
doc.querySelector("#ease-in"),
|
|
"The selected category is ease-in");
|
|
|
|
is(widget.presets._activePreset,
|
|
doc.querySelector("#ease-in-sine"),
|
|
"The selected preset is ease-in-sine");
|
|
|
|
info("Generating custom bezier curve by dragging");
|
|
widget._onPointMouseDown({target: widget.p1});
|
|
doc.onmousemove({pageX: rect.left, pageY: rect.graphTop});
|
|
doc.onmouseup();
|
|
|
|
is(widget.presets.activeCategory,
|
|
doc.querySelector("#ease-in"),
|
|
"The selected category is still ease-in");
|
|
|
|
is(widget.presets._activePreset, null,
|
|
"There is no active preset");
|
|
}
|
|
|
|
function* selectingPresetUpdatesBezier(widget, win, doc, rect) {
|
|
info("Checking that selecting a preset updates bezier curve");
|
|
|
|
info("Listening for the new coordinates event");
|
|
let onNewCoordinates = widget.presets.once("new-coordinates");
|
|
let onUpdated = widget.once("updated");
|
|
|
|
info("Click a preset");
|
|
let preset = doc.querySelector("#ease-in-sine");
|
|
widget.presets._onPresetClick({currentTarget: preset});
|
|
|
|
yield onNewCoordinates;
|
|
ok(true, "The preset widget fired the new-coordinates event");
|
|
|
|
let bezier = yield onUpdated;
|
|
ok(true, "The bezier canvas fired the updated event");
|
|
|
|
is(bezier.P1[0], preset.coordinates[0], "The new P1 time coordinate is correct");
|
|
is(bezier.P1[1], preset.coordinates[1], "The new P1 progress coordinate is correct");
|
|
is(bezier.P2[0], preset.coordinates[2], "P2 time coordinate is correct ");
|
|
is(bezier.P2[1], preset.coordinates[3], "P2 progress coordinate is correct");
|
|
}
|