You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
228 lines
8.1 KiB
228 lines
8.1 KiB
var assert = require('assert');
|
|
var sinon = require('sinon');
|
|
var jsdom_global = require('jsdom-global');
|
|
|
|
var canvasMockify = require('./canvas-mock');
|
|
var ColorPicker = require('../lib/shared/ColorPicker').default;
|
|
|
|
describe('ColorPicker', function () {
|
|
beforeEach(function() {
|
|
this.jsdom_global = jsdom_global(
|
|
"<div id='mynetwork'></div>",
|
|
{ skipWindowCheck: true}
|
|
);
|
|
canvasMockify(window);
|
|
this.container = document.getElementById('mynetwork');
|
|
});
|
|
|
|
afterEach(function() {
|
|
this.jsdom_global();
|
|
this.container.remove();
|
|
this.container = undefined;
|
|
});
|
|
|
|
describe('constructor', function () {
|
|
|
|
it('sets defaults', function () {
|
|
var colorPicker = new ColorPicker();
|
|
assert.equal(colorPicker.pixelRatio, 1);
|
|
assert.equal(colorPicker.generated, false);
|
|
assert.deepEqual(colorPicker.centerCoordinates, {x:289/2, y:289/2});
|
|
assert.equal(colorPicker.r, 289 * 0.49);
|
|
assert.deepEqual(colorPicker.color, {r:255,g:255,b:255,a:1.0});
|
|
assert.equal(colorPicker.hueCircle, undefined);
|
|
assert.deepEqual(colorPicker.initialColor, {r:255,g:255,b:255,a:1.0});
|
|
assert.equal(colorPicker.previousColor, undefined);
|
|
assert.equal(colorPicker.applied, false);
|
|
});
|
|
|
|
// TODO: This gets overridden during instantiation - Is this a bug?
|
|
xit('can overwrite default pixelRation', function () {
|
|
var colorPicker = new ColorPicker(777);
|
|
assert.equal(colorPicker.pixelRatio, 777);
|
|
});
|
|
|
|
});
|
|
|
|
describe('insertTo', function () {
|
|
|
|
it('inserts the colorPicker into a div from the DOM', function () {
|
|
var colorPicker = new ColorPicker();
|
|
colorPicker.insertTo(this.container);
|
|
assert.equal(colorPicker.container, this.container);
|
|
assert.equal(this.container.children[this.container.children.length-1], colorPicker.frame);
|
|
});
|
|
});
|
|
|
|
describe('setUpdateCallback', function () {
|
|
|
|
it('prevents non-functions from being set as callback', function () {
|
|
var colorPicker = new ColorPicker();
|
|
assert.throws(function () {colorPicker.setUpdateCallback(null);}, Error, null);
|
|
assert.throws(function () {colorPicker.setUpdateCallback(undefined);}, Error, null);
|
|
assert.throws(function () {colorPicker.setUpdateCallback([1, 2, 3]);}, Error, null);
|
|
assert.throws(function () {colorPicker.setUpdateCallback({a: 42});}, Error, null);
|
|
assert.throws(function () {colorPicker.setUpdateCallback(42);}, Error, null);
|
|
assert.throws(function () {colorPicker.setUpdateCallback('meow');}, Error, null);
|
|
});
|
|
});
|
|
|
|
describe('setCloseCallback', function () {
|
|
|
|
it('prevents non-functions from being set as callback', function () {
|
|
var colorPicker = new ColorPicker();
|
|
assert.throws(function () {colorPicker.setCloseCallback(null);}, Error, null);
|
|
assert.throws(function () {colorPicker.setCloseCallback(undefined);}, Error, null);
|
|
assert.throws(function () {colorPicker.setCloseCallback([1, 2, 3]);}, Error, null);
|
|
assert.throws(function () {colorPicker.setCloseCallback({a: 42});}, Error, null);
|
|
assert.throws(function () {colorPicker.setCloseCallback(42);}, Error, null);
|
|
assert.throws(function () {colorPicker.setCloseCallback('meow');}, Error, null);
|
|
});
|
|
});
|
|
|
|
describe('_hide', function () {
|
|
|
|
it('runs updateCallback when applied', function () {
|
|
var callback = sinon.spy();
|
|
var colorPicker = new ColorPicker();
|
|
var colorBeforeHide = colorPicker.color;
|
|
colorPicker.setUpdateCallback(callback);
|
|
colorPicker.applied = true;
|
|
colorPicker._hide();
|
|
assert.equal(callback.callCount, 1);
|
|
assert.deepEqual(colorBeforeHide, colorPicker.previousColor);
|
|
});
|
|
|
|
it('does not run updateCallback when not applied', function () {
|
|
var callback = sinon.spy();
|
|
var colorPicker = new ColorPicker();
|
|
var colorBeforeHide = colorPicker.color;
|
|
colorPicker.setUpdateCallback(callback);
|
|
colorPicker.applied = false;
|
|
colorPicker._hide();
|
|
assert.equal(callback.callCount, 0);
|
|
assert.deepEqual(colorBeforeHide, colorPicker.previousColor);
|
|
});
|
|
|
|
it('does not set previous color when storePrevious is false', function () {
|
|
var colorPicker = new ColorPicker();
|
|
colorPicker._hide(false);
|
|
assert.deepEqual(colorPicker.previousColor, undefined);
|
|
});
|
|
});
|
|
|
|
describe('_isColorString', function () {
|
|
|
|
it('returns color code when color is found', function () {
|
|
var colorPicker = new ColorPicker();
|
|
var color = colorPicker._isColorString('black');
|
|
assert.equal(color, '#000000');
|
|
});
|
|
|
|
it('returns undefined when color is not found', function () {
|
|
var colorPicker = new ColorPicker();
|
|
var color = colorPicker._isColorString('zing!');
|
|
assert.equal(color, undefined);
|
|
});
|
|
});
|
|
|
|
describe('setColor', function () {
|
|
|
|
it('does not change when \'none\'', function () {
|
|
var colorPicker = new ColorPicker();
|
|
colorPicker.setColor('none');
|
|
assert.deepEqual(colorPicker.color, { r: 255, g: 255, b: 255, a: 1 });
|
|
});
|
|
|
|
it('throws error when color is a bad value', function () {
|
|
var colorPicker = new ColorPicker();
|
|
assert.throws(function () {colorPicker.setColor(null);}, Error, null);
|
|
assert.throws(function () {colorPicker.setColor(undefined);}, Error, null);
|
|
assert.throws(function () {colorPicker.setColor([1, 2, 3]);}, Error, null);
|
|
assert.throws(function () {colorPicker.setColor({a: 42});}, Error, null);
|
|
assert.throws(function () {colorPicker.setColor(42);}, Error, null);
|
|
assert.throws(function () {colorPicker.setColor('meow');}, Error, null);
|
|
});
|
|
|
|
it('handles html color string', function () {
|
|
var colorPicker = new ColorPicker();
|
|
colorPicker.setColor('black');
|
|
assert.deepEqual(colorPicker.color, { r: 0, g: 0, b: 0, a: 1 });
|
|
});
|
|
|
|
it('handles hex string', function () {
|
|
var colorPicker = new ColorPicker();
|
|
colorPicker.setColor('#ffff00');
|
|
assert.deepEqual(colorPicker.color, { r: 255, g: 255, b: 0, a: 1 });
|
|
});
|
|
|
|
it('handles rgb string', function () {
|
|
var colorPicker = new ColorPicker();
|
|
colorPicker.setColor('rgb(255,255,255)');
|
|
assert.deepEqual(colorPicker.color, { r: 255, g: 255, b: 255, a: 1 });
|
|
});
|
|
|
|
it('handles rgba string', function () {
|
|
var colorPicker = new ColorPicker();
|
|
colorPicker.setColor('rgba(255,255,255,1)');
|
|
assert.deepEqual(colorPicker.color, { r: 255, g: 255, b: 255, a: 1 });
|
|
});
|
|
|
|
it('handles rgb object', function () {
|
|
var colorPicker = new ColorPicker();
|
|
colorPicker.setColor({r:255,g:255,b:255});
|
|
assert.deepEqual(colorPicker.color, { r: 255, g: 255, b: 255, a: 1 });
|
|
});
|
|
|
|
it('handles rgba object', function () {
|
|
var colorPicker = new ColorPicker();
|
|
colorPicker.setColor({r:255,g:255,b:255,a:1});
|
|
assert.deepEqual(colorPicker.color, { r: 255, g: 255, b: 255, a: 1 });
|
|
});
|
|
});
|
|
|
|
describe('show', function () {
|
|
|
|
it('calls closeCallback', function () {
|
|
var colorPicker = new ColorPicker();
|
|
var callback = sinon.spy();
|
|
colorPicker.setCloseCallback(callback);
|
|
colorPicker.show();
|
|
assert(callback.called);
|
|
assert(callback.calledOnce);
|
|
assert(colorPicker.generated)
|
|
});
|
|
|
|
it('resets applied state and frame display style to `block`', function () {
|
|
var colorPicker = new ColorPicker();
|
|
colorPicker.show();
|
|
assert.equal(colorPicker.applied, false);
|
|
assert.equal(colorPicker.frame.style.display, 'block');
|
|
assert(colorPicker.generated)
|
|
});
|
|
});
|
|
|
|
describe('_save', function () {
|
|
|
|
it('triggers updateCallback', function () {
|
|
var colorPicker = new ColorPicker();
|
|
var callback = sinon.spy();
|
|
colorPicker.setUpdateCallback(callback);
|
|
colorPicker._save();
|
|
assert(callback.called);
|
|
assert(callback.calledOnce);
|
|
});
|
|
});
|
|
|
|
describe('_apply', function () {
|
|
|
|
it('triggers updateCallback', function () {
|
|
var colorPicker = new ColorPicker();
|
|
var callback = sinon.spy();
|
|
colorPicker.setUpdateCallback(callback);
|
|
colorPicker._apply();
|
|
assert(callback.called);
|
|
assert(callback.calledOnce);
|
|
});
|
|
});
|
|
});
|