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.
115 lines
3.9 KiB
JavaScript
115 lines
3.9 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/ */
|
|
|
|
// Tests that the spectrum color picker works correctly
|
|
|
|
const TEST_URI = "chrome://devtools/content/shared/widgets/spectrum-frame.xhtml";
|
|
const {Spectrum} = require("devtools/client/shared/widgets/Spectrum");
|
|
|
|
add_task(function*() {
|
|
yield promiseTab("about:blank");
|
|
yield performTest();
|
|
gBrowser.removeCurrentTab();
|
|
});
|
|
|
|
function* performTest() {
|
|
let [host, win, doc] = yield createHost("bottom", TEST_URI);
|
|
|
|
yield testCreateAndDestroyShouldAppendAndRemoveElements(doc);
|
|
yield testPassingAColorAtInitShouldSetThatColor(doc);
|
|
yield testSettingAndGettingANewColor(doc);
|
|
yield testChangingColorShouldEmitEvents(doc);
|
|
yield testSettingColorShoudUpdateTheUI(doc);
|
|
|
|
host.destroy();
|
|
}
|
|
|
|
function testCreateAndDestroyShouldAppendAndRemoveElements(doc) {
|
|
let containerElement = doc.querySelector("#spectrum");
|
|
ok(containerElement, "We have the root node to append spectrum to");
|
|
is(containerElement.childElementCount, 0, "Root node is empty");
|
|
|
|
let s = new Spectrum(containerElement, [255, 126, 255, 1]);
|
|
s.show();
|
|
ok(containerElement.childElementCount > 0, "Spectrum has appended elements");
|
|
|
|
s.destroy();
|
|
is(containerElement.childElementCount, 0, "Destroying spectrum removed all nodes");
|
|
}
|
|
|
|
function testPassingAColorAtInitShouldSetThatColor(doc) {
|
|
let initRgba = [255, 126, 255, 1];
|
|
|
|
let s = new Spectrum(doc.querySelector("#spectrum"), initRgba);
|
|
s.show();
|
|
|
|
let setRgba = s.rgb;
|
|
|
|
is(initRgba[0], setRgba[0], "Spectrum initialized with the right color");
|
|
is(initRgba[1], setRgba[1], "Spectrum initialized with the right color");
|
|
is(initRgba[2], setRgba[2], "Spectrum initialized with the right color");
|
|
is(initRgba[3], setRgba[3], "Spectrum initialized with the right color");
|
|
|
|
s.destroy();
|
|
}
|
|
|
|
function testSettingAndGettingANewColor(doc) {
|
|
let s = new Spectrum(doc.querySelector("#spectrum"), [0, 0, 0, 1]);
|
|
s.show();
|
|
|
|
let colorToSet = [255, 255, 255, 1];
|
|
s.rgb = colorToSet;
|
|
let newColor = s.rgb;
|
|
|
|
is(colorToSet[0], newColor[0], "Spectrum set with the right color");
|
|
is(colorToSet[1], newColor[1], "Spectrum set with the right color");
|
|
is(colorToSet[2], newColor[2], "Spectrum set with the right color");
|
|
is(colorToSet[3], newColor[3], "Spectrum set with the right color");
|
|
|
|
s.destroy();
|
|
}
|
|
|
|
function testChangingColorShouldEmitEvents(doc) {
|
|
return new Promise(resolve => {
|
|
let s = new Spectrum(doc.querySelector("#spectrum"), [255, 255, 255, 1]);
|
|
s.show();
|
|
|
|
s.once("changed", (event, rgba, color) => {
|
|
ok(true, "Changed event was emitted on color change");
|
|
is(rgba[0], 128, "New color is correct");
|
|
is(rgba[1], 64, "New color is correct");
|
|
is(rgba[2], 64, "New color is correct");
|
|
is(rgba[3], 1, "New color is correct");
|
|
is("rgba(" + rgba[0] + ", " + rgba[1] + ", " + rgba[2] + ", " + rgba[3] + ")", color, "RGBA and css color correspond");
|
|
|
|
s.destroy();
|
|
resolve();
|
|
});
|
|
|
|
// Simulate a drag move event by calling the handler directly.
|
|
s.onDraggerMove(s.dragger.offsetWidth/2, s.dragger.offsetHeight/2);
|
|
});
|
|
}
|
|
|
|
function testSettingColorShoudUpdateTheUI(doc) {
|
|
let s = new Spectrum(doc.querySelector("#spectrum"), [255, 255, 255, 1]);
|
|
s.show();
|
|
let dragHelperOriginalPos = [s.dragHelper.style.top, s.dragHelper.style.left];
|
|
let alphaHelperOriginalPos = s.alphaSliderHelper.style.left;
|
|
|
|
s.rgb = [50, 240, 234, .2];
|
|
s.updateUI();
|
|
|
|
ok(s.alphaSliderHelper.style.left != alphaHelperOriginalPos, "Alpha helper has moved");
|
|
ok(s.dragHelper.style.top !== dragHelperOriginalPos[0], "Drag helper has moved");
|
|
ok(s.dragHelper.style.left !== dragHelperOriginalPos[1], "Drag helper has moved");
|
|
|
|
s.rgb = [240, 32, 124, 0];
|
|
s.updateUI();
|
|
is(s.alphaSliderHelper.style.left, - (s.alphaSliderHelper.offsetWidth/2) + "px",
|
|
"Alpha range UI has been updated again");
|
|
|
|
s.destroy();
|
|
}
|