mirror of
https://github.com/classilla/tenfourfox.git
synced 2025-02-12 13:31:30 +00:00
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 addTab("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");
|
|
}
|