mirror of
https://github.com/mozilla/gecko-dev.git
synced 2024-10-25 19:25:43 +00:00
7363e22f81
Move data: URIs in devtools/client/shared/test to seperate files. --HG-- rename : devtools/client/shared/test/browser_layoutHelpers-getBoxQuads.html => devtools/client/shared/test/doc_layoutHelpers-getBoxQuads.html rename : devtools/client/shared/test/browser_layoutHelpers.html => devtools/client/shared/test/doc_layoutHelpers.html rename : devtools/client/shared/test/html-mdn-css-basic-testing.html => devtools/client/shared/test/doc_mdn-css-basic-testing.html rename : devtools/client/shared/test/html-mdn-css-no-summary-or-syntax.html => devtools/client/shared/test/doc_mdn-css-no-summary-or-syntax.html rename : devtools/client/shared/test/html-mdn-css-no-summary.html => devtools/client/shared/test/doc_mdn-css-no-summary.html rename : devtools/client/shared/test/html-mdn-css-no-syntax.html => devtools/client/shared/test/doc_mdn-css-no-syntax.html rename : devtools/client/shared/test/html-mdn-css-syntax-old-style.html => devtools/client/shared/test/doc_mdn-css-syntax-old-style.html rename : devtools/client/shared/test/browser_templater_basic.html => devtools/client/shared/test/doc_templater_basic.html rename : devtools/client/shared/test/browser_toolbar_basic.html => devtools/client/shared/test/doc_toolbar_basic.html
80 lines
2.7 KiB
JavaScript
80 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 {CubicBezierWidget} =
|
|
require("devtools/client/shared/widgets/CubicBezierWidget");
|
|
const {PRESETS} = require("devtools/client/shared/widgets/CubicBezierPresets");
|
|
|
|
const TEST_URI = CHROME_URL_ROOT + "doc_cubic-bezier-01.html";
|
|
|
|
add_task(function* () {
|
|
let [host, win, doc] = yield createHost("bottom", TEST_URI);
|
|
|
|
let container = doc.querySelector("#cubic-bezier-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();
|
|
});
|
|
|
|
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");
|
|
}
|