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.
143 lines
4.3 KiB
143 lines
4.3 KiB
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 () {
|
|
before(function() {
|
|
this.jsdom_global = jsdom_global(
|
|
"<div id='mynetwork'></div>",
|
|
{ skipWindowCheck: true}
|
|
);
|
|
canvasMockify(window);
|
|
this.container = document.getElementById('mynetwork');
|
|
});
|
|
|
|
after(function() {
|
|
this.jsdom_global();
|
|
});
|
|
|
|
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 null 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 () {
|
|
var numChildrenBeforePopup = this.container.children.length;
|
|
var popup = new Popup(this.container);
|
|
popup.destroy();
|
|
assert.equal(this.container.children.length, numChildrenBeforePopup);
|
|
});
|
|
});
|
|
});
|