Browse Source
Adding unit tests for lib/shared (#3600)
* Adds code coverage report the output of `npm test` and adds detailed html code coverage report using the command `npm run-script test-cov` * Switch over to using functions in lib/ rather than dist/, so that code coverage stats are complete. * Import vis at the top level to keep ItemSet passing * Remove requirement for dist/vis in TimelineItemSet * Adds tests for Popup * Tests and sinon dependency introduced * Code changes to modules to tighten up code * Corrects broken tests and adds more tests to ColorPicker * Adds additional tests to DataSet * Adds tests for uuid * Removes unused functions from util * Adds tests for utils: recursiveDomDelete, isDate, convert and isType * removes redundant code * Adds additional util tests * Address spacing, and unnecessary tests * Correct test description * Adds isDate tests * Adds sanity check assertions to popup destroy testsmbroad/issue-3321
macleodbroad-wf
7 years ago
committed by
Yotam Berkowitz
Yotam Berkowitz
13 changed files with 1177 additions and 68 deletions
Unified View
Diff Options
-
+5 -1lib/shared/Activator.js
-
+4 -3lib/shared/ColorPicker.js
-
+24 -16lib/shared/Configurator.js
-
+2 -39lib/util.js
-
+1 -0package.json
-
+90 -0test/Activator.test.js
-
+224 -0test/ColorPicker.test.js
-
+137 -0test/Configurator.test.js
-
+90 -2test/DataSet.test.js
-
+142 -0test/Popup.test.js
-
+7 -5test/canvas-mock.js
-
+432 -2test/util.test.js
-
+19 -0test/uuid.test.js
+ 5
- 1
lib/shared/Activator.js
View File
+ 4
- 3
lib/shared/ColorPicker.js
View File
+ 24
- 16
lib/shared/Configurator.js
View File
+ 2
- 39
lib/util.js
View File
+ 1
- 0
package.json
View File
+ 90
- 0
test/Activator.test.js
View File
| @ -0,0 +1,90 @@ | |||||
| var assert = require('assert'); | |||||
| var sinon = require('sinon'); | |||||
| var jsdom = require('jsdom'); | |||||
| var jsdom_global = require('jsdom-global'); | |||||
| var canvasMockify = require('./canvas-mock'); | |||||
| var Activator = require('../lib/shared/Activator'); | |||||
| describe('Activator', function () { | |||||
| beforeEach(function() { | |||||
| this.jsdom_global = canvasMockify("<div id='mynetwork'></div>"); | |||||
| this.container = document.getElementById('mynetwork'); | |||||
| }); | |||||
| afterEach(function() { | |||||
| this.jsdom_global(); | |||||
| this.container.remove(); | |||||
| this.container = undefined; | |||||
| }); | |||||
| describe('constructor', function () { | |||||
| it('sets defaults', function () { | |||||
| var activator = new Activator(this.container); | |||||
| assert.equal(activator.active, false); | |||||
| }); | |||||
| it('creates overlay', function () { | |||||
| var activator = new Activator(this.container); | |||||
| assert.equal(activator.dom.container.children[0].className, 'vis-overlay'); | |||||
| }); | |||||
| }); | |||||
| describe('activate', function () { | |||||
| it('emits an `activate` event', function () { | |||||
| var eventSpy = sinon.spy(); | |||||
| var activator = new Activator(this.container); | |||||
| activator.on('activate', eventSpy); | |||||
| activator.activate(); | |||||
| assert.equal(activator.active, true); | |||||
| assert(eventSpy.called, 'Event did not fire.'); | |||||
| assert(eventSpy.calledOnce, 'Event fired more than once'); | |||||
| }); | |||||
| it('emits a `change` event', function () { | |||||
| var eventSpy = sinon.spy(); | |||||
| var activator = new Activator(this.container); | |||||
| activator.on('change', eventSpy); | |||||
| activator.activate(); | |||||
| assert.equal(activator.active, true); | |||||
| assert(eventSpy.called, 'Event did not fire.'); | |||||
| assert(eventSpy.calledOnce, 'Event fired more than once'); | |||||
| }); | |||||
| }); | |||||
| describe('deactivate', function () { | |||||
| it('emits a `deactivate` event', function () { | |||||
| var eventSpy = sinon.spy(); | |||||
| var activator = new Activator(this.container); | |||||
| activator.on('deactivate', eventSpy); | |||||
| activator.deactivate(); | |||||
| assert.equal(activator.active, false); | |||||
| assert(eventSpy.called, 'Event did not fire.'); | |||||
| assert(eventSpy.calledOnce, 'Event fired more than once'); | |||||
| }); | |||||
| it('emits a `change` event', function () { | |||||
| var eventSpy = sinon.spy(); | |||||
| var activator = new Activator(this.container); | |||||
| activator.on('change', eventSpy); | |||||
| activator.deactivate(); | |||||
| assert.equal(activator.active, false); | |||||
| assert(eventSpy.called, 'Event did not fire.'); | |||||
| assert(eventSpy.calledOnce, 'Event fired more than once'); | |||||
| }); | |||||
| }); | |||||
| describe('destroy', function () { | |||||
| it('sets inactive, removes keycharm, and removes hammer', function () { | |||||
| var activator = new Activator(this.container); | |||||
| activator.destroy(); | |||||
| assert.equal(activator.active, false); | |||||
| assert.equal(activator.keycharm, null); | |||||
| assert.equal(activator.hammer, null); | |||||
| }); | |||||
| }); | |||||
| }); | |||||
+ 224
- 0
test/ColorPicker.test.js
View File
| @ -0,0 +1,224 @@ | |||||
| 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 = canvasMockify("<div id='mynetwork'></div>"); | |||||
| 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); | |||||
| }); | |||||
| }); | |||||
| }); | |||||
+ 137
- 0
test/Configurator.test.js
View File
| @ -0,0 +1,137 @@ | |||||
| var assert = require('assert'); | |||||
| var jsdom_global = require('jsdom-global'); | |||||
| var canvasMockify = require('./canvas-mock'); | |||||
| var Configurator = require('../lib/shared/Configurator').default; | |||||
| var Network = require('../lib/network/Network'); | |||||
| var {allOptions, configureOptions} = require('../lib/network/options.js'); | |||||
| describe('Configurator', function () { | |||||
| beforeEach(function() { | |||||
| this.jsdom_global = canvasMockify("<div id='mynetwork'></div><div id='other'></div>"); | |||||
| this.container = document.getElementById('mynetwork'); | |||||
| }); | |||||
| afterEach(function() { | |||||
| this.jsdom_global(); | |||||
| this.container.remove(); | |||||
| this.container = undefined; | |||||
| }); | |||||
| describe('constructor', function () { | |||||
| it('sets extends options with default options', function () { | |||||
| var config = new Configurator(); | |||||
| assert.deepEqual(config.options, config.defaultOptions); | |||||
| }); | |||||
| }); | |||||
| describe('setOptions', function () { | |||||
| it('with undefined will not modify defaults', function () { | |||||
| var config = new Configurator(Network, this.container); | |||||
| config.setOptions(); | |||||
| assert.deepEqual(config.options, config.defaultOptions); | |||||
| }); | |||||
| it('with undefined will set enabled to false', function () { | |||||
| var config = new Configurator(Network, this.container); | |||||
| config.options.enabled = false; | |||||
| config.setOptions(); | |||||
| assert.equal(config.options.enabled, false); | |||||
| }); | |||||
| it('with string sets filter and set enabled to true', function () { | |||||
| var config = new Configurator(Network, this.container); | |||||
| config.setOptions('stringFilter!'); | |||||
| assert.equal(config.options.filter, 'stringFilter!'); | |||||
| assert.equal(config.options.enabled, true); | |||||
| }); | |||||
| it('with array sets filter and set enabled to true', function () { | |||||
| var config = new Configurator(Network, this.container); | |||||
| config.setOptions(['array', 'Filter', '!']); | |||||
| assert.equal(config.options.filter, 'array,Filter,!'); | |||||
| assert.equal(config.options.enabled, true); | |||||
| }); | |||||
| it('with object sets filter', function () { | |||||
| var config = new Configurator(Network, this.container); | |||||
| config.setOptions( | |||||
| {container: 'newContainer', | |||||
| filter: 'newFilter', | |||||
| showButton: 'newShowButton', | |||||
| enabled: false | |||||
| }); | |||||
| assert.equal(config.options.container, 'newContainer'); | |||||
| assert.equal(config.options.filter, 'newFilter'); | |||||
| assert.equal(config.options.showButton, 'newShowButton'); | |||||
| assert.equal(config.options.enabled, false); | |||||
| }); | |||||
| it('with object and filter is false enabled will be false', function () { | |||||
| var config = new Configurator(Network, this.container); | |||||
| config.setOptions({filter: false}); | |||||
| assert.equal(config.options.enabled, false); | |||||
| }); | |||||
| it('with boolean true sets filter', function () { | |||||
| var config = new Configurator(Network, this.container); | |||||
| config.setOptions(true); | |||||
| assert.equal(config.options.enabled, true); | |||||
| }); | |||||
| it('with boolean false sets filter', function () { | |||||
| var config = new Configurator(Network, this.container); | |||||
| config.setOptions(false); | |||||
| assert.equal(config.options.enabled, false); | |||||
| }); | |||||
| it('with function sets filter', function () { | |||||
| var config = new Configurator(Network, this.container); | |||||
| config.setOptions(function () {}); | |||||
| assert.equal(config.options.enabled, true); | |||||
| }); | |||||
| it('with null raises exception', function () { | |||||
| var config = new Configurator(Network, this.container); | |||||
| assert.throws(function () {config.setOptions(null)}, TypeError, null); | |||||
| }); | |||||
| }); | |||||
| describe('setModuleOptions', function () { | |||||
| it('creates no new dom elements if enabled is false', function () { | |||||
| var config = new Configurator(Network, this.container); | |||||
| config.setModuleOptions(); | |||||
| assert.equal(this.container.children.length, 0); | |||||
| }); | |||||
| it('adds div with vis-configuration-wrapper class when enabled', function () { | |||||
| var config = new Configurator(Network, this.container); | |||||
| config.options.enabled = true; | |||||
| config.setModuleOptions(); | |||||
| assert.equal(this.container.children.length, 1); | |||||
| assert.equal(this.container.children[0].className, 'vis-configuration-wrapper'); | |||||
| }); | |||||
| it('overwrites config.container with config.options.container', function () { | |||||
| var config = new Configurator(Network, this.container); | |||||
| config.options.enabled = true; | |||||
| config.options.container = document.getElementById('other'); | |||||
| config.setModuleOptions(); | |||||
| assert.equal(config.container, config.options.container); | |||||
| assert.equal(config.container.children[0].className, 'vis-configuration-wrapper'); | |||||
| }); | |||||
| }); | |||||
| // TODO: This test needs work | |||||
| describe('getOptions', function () { | |||||
| xit('creates no new dom elements if enabled is false', function () { | |||||
| var config = new Configurator(Network, this.container, configureOptions); | |||||
| var options = config.getOptions(); | |||||
| }); | |||||
| }); | |||||
| }); | |||||
+ 90
- 2
test/DataSet.test.js
View File
+ 142
- 0
test/Popup.test.js
View File
| @ -0,0 +1,142 @@ | |||||
| var assert = require('assert'); | |||||
| var jsdom_global = require('jsdom-global'); | |||||
| var canvasMockify = require('./canvas-mock'); | |||||
| var Popup = require('../lib/shared/Popup').default; | |||||
| describe('Popup', function () { | |||||
| beforeEach(function() { | |||||
| this.jsdom_global = canvasMockify("<div id='mynetwork'></div>"); | |||||
| this.container = document.getElementById('mynetwork'); | |||||
| }); | |||||
| afterEach(function() { | |||||
| this.jsdom_global(); | |||||
| this.container.remove(); | |||||
| this.container = undefined; | |||||
| }); | |||||
| describe('constructor', function () { | |||||
| it('defaults overflowMethod to "cap"', function () { | |||||
| var popup = new Popup(this.container); | |||||
| assert.equal(popup.overflowMethod, 'cap'); | |||||
| }); | |||||
| it('defaults hidden to false', function () { | |||||
| var popup = new Popup(this.container); | |||||
| assert.equal(popup.hidden, false); | |||||
| }); | |||||
| }); | |||||
| describe('setPosition', function () { | |||||
| it('handles ints', function () { | |||||
| var popup = new Popup(this.container); | |||||
| popup.setPosition(1, 2); | |||||
| assert.equal(popup.x, 1); | |||||
| assert.equal(popup.y, 2); | |||||
| }); | |||||
| it('handles strings', function () { | |||||
| var popup = new Popup(this.container); | |||||
| popup.setPosition('1', '2'); | |||||
| assert.equal(popup.x, 1); | |||||
| assert.equal(popup.y, 2); | |||||
| }); | |||||
| it('handles null with NaN', function () { | |||||
| var popup = new Popup(this.container); | |||||
| popup.setPosition(null, null); | |||||
| assert(isNaN(popup.x)); | |||||
| assert(isNaN(popup.y)); | |||||
| }); | |||||
| it('handles undefined with NaN', function () { | |||||
| var popup = new Popup(this.container); | |||||
| popup.setPosition(undefined, undefined); | |||||
| assert(isNaN(popup.x)); | |||||
| assert(isNaN(popup.y)); | |||||
| }); | |||||
| }); | |||||
| describe('setText', function () { | |||||
| it('using Element replaces innerHTML', function () { | |||||
| var popup = new Popup(this.container); | |||||
| popup.frame.innerHTML = '<div>This will get cleared!</div>'; | |||||
| popup.setText(document.createElement('div')); | |||||
| assert.equal(popup.frame.innerHTML, '<div></div>'); | |||||
| }); | |||||
| it('using string replaces innerHTML', function () { | |||||
| var popup = new Popup(this.container); | |||||
| popup.frame.innerHTML = '<div>This will get cleared!</div>'; | |||||
| popup.setText('your text here!'); | |||||
| assert.equal(popup.frame.innerHTML, 'your text here!'); | |||||
| }); | |||||
| }); | |||||
| describe('show', function () { | |||||
| it('set to undefined will show', function () { | |||||
| var popup = new Popup(this.container); | |||||
| popup.show(undefined); | |||||
| assert.equal(popup.hidden, false); | |||||
| assert.notEqual(popup.frame.style.left, "0px"); | |||||
| assert.notEqual(popup.frame.style.top, "0px"); | |||||
| assert.equal(popup.frame.style.visibility, "visible"); | |||||
| }); | |||||
| it('set to true will show', function () { | |||||
| var popup = new Popup(this.container); | |||||
| popup.show(true); | |||||
| assert.equal(popup.hidden, false); | |||||
| assert.notEqual(popup.frame.style.left, "0px"); | |||||
| assert.notEqual(popup.frame.style.top, "0px"); | |||||
| assert.equal(popup.frame.style.visibility, "visible"); | |||||
| }); | |||||
| it('set to true with overflowMethod "flip" will show', function () { | |||||
| var popup = new Popup(this.container, 'flip'); | |||||
| popup.show(true); | |||||
| assert.equal(popup.hidden, false); | |||||
| assert.equal(popup.frame.style.left, "0px"); | |||||
| assert.equal(popup.frame.style.top, "0px"); | |||||
| assert.equal(popup.frame.style.visibility, "visible"); | |||||
| }); | |||||
| it('set to false will hide', function () { | |||||
| var popup = new Popup(this.container); | |||||
| popup.show(false); | |||||
| assert.equal(popup.hidden, true); | |||||
| assert.equal(popup.frame.style.left, "0px"); | |||||
| assert.equal(popup.frame.style.top, "0px"); | |||||
| assert.equal(popup.frame.style.visibility, "hidden"); | |||||
| }); | |||||
| }); | |||||
| describe('hide', function () { | |||||
| it('sets hidden to true, frame style to 0,0 and visibility to hidden', function () { | |||||
| var popup = new Popup(this.container); | |||||
| popup.hide(); | |||||
| assert.equal(popup.hidden, true); | |||||
| assert.equal(popup.frame.style.left, "0px"); | |||||
| assert.equal(popup.frame.style.top, "0px"); | |||||
| assert.equal(popup.frame.style.visibility, "hidden"); | |||||
| }); | |||||
| }); | |||||
| describe('destroy', function () { | |||||
| it('removes frame from container', function () { | |||||
| assert.equal(this.container.children.length, 0); | |||||
| var popup = new Popup(this.container); | |||||
| assert.equal(this.container.children.length, 1); | |||||
| popup.destroy(); | |||||
| assert.equal(this.container.children.length, 0); | |||||
| }); | |||||
| }); | |||||
| }); | |||||
+ 7
- 5
test/canvas-mock.js
View File
+ 432
- 2
test/util.test.js
View File
+ 19
- 0
test/uuid.test.js
View File
| @ -0,0 +1,19 @@ | |||||
| var assert = require('assert'); | |||||
| var uuid = require('../lib/module/uuid'); | |||||
| describe('UUID', function () { | |||||
| describe('v1', function () { | |||||
| it('generates valid, parseable uuid1', function () { | |||||
| assert(/^[0-9A-F]{8}-[0-9A-F]{4}-[1][0-9A-F]{3}-[89AB][0-9A-F]{3}-[0-9A-F]{12}$/i.test(uuid.v1())); | |||||
| assert.equal(uuid.parse(uuid.v1()).length, 16) | |||||
| }); | |||||
| }); | |||||
| describe('v4', function () { | |||||
| it('generates valid, parseable uuid4', function () { | |||||
| assert(/^[0-9A-F]{8}-[0-9A-F]{4}-[4][0-9A-F]{3}-[89AB][0-9A-F]{3}-[0-9A-F]{12}$/i.test(uuid.v4())); | |||||
| assert.equal(uuid.parse(uuid.v4()).length, 16) | |||||
| }); | |||||
| }); | |||||
| }); | |||||