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.
176 lines
4.6 KiB
176 lines
4.6 KiB
4 weeks ago
|
(function() {
|
||
|
if (typeof process === 'object') {
|
||
|
require('mocha-jsdom')();
|
||
|
}
|
||
|
|
||
|
var root = this;
|
||
|
var assert = (root.chai || require('chai')).assert;
|
||
|
|
||
|
describe('NProgress', function() {
|
||
|
var $, NProgress;
|
||
|
|
||
|
beforeEach(function() {
|
||
|
$ = root.jQuery || require('jquery');
|
||
|
NProgress = root.NProgress || require('../nprogress');
|
||
|
|
||
|
this.settings = $.extend({}, NProgress.settings);
|
||
|
});
|
||
|
|
||
|
afterEach(function() {
|
||
|
$("#nprogress").remove();
|
||
|
$('html').attr('class', '');
|
||
|
NProgress.status = null;
|
||
|
|
||
|
// Restore settings
|
||
|
$.extend(NProgress.settings, this.settings);
|
||
|
});
|
||
|
|
||
|
describe('.set()', function() {
|
||
|
it('.set(0) must render', function(done) {
|
||
|
NProgress.set(0);
|
||
|
assert.equal($("#nprogress").length, 1);
|
||
|
assert.equal($("#nprogress .bar").length, 1);
|
||
|
assert.equal($("#nprogress .peg").length, 1);
|
||
|
assert.equal($("#nprogress .spinner").length, 1);
|
||
|
done();
|
||
|
});
|
||
|
|
||
|
it('.set(1) should appear and disappear', function(done) {
|
||
|
NProgress.configure({ speed: 10 });
|
||
|
NProgress.set(0).set(1);
|
||
|
assert.equal($("#nprogress").length, 1);
|
||
|
|
||
|
setTimeout(function() {
|
||
|
assert.equal($("#nprogress").length, 0);
|
||
|
done();
|
||
|
}, 70);
|
||
|
});
|
||
|
|
||
|
it('must respect minimum', function() {
|
||
|
NProgress.set(0);
|
||
|
assert.equal(NProgress.status, NProgress.settings.minimum);
|
||
|
});
|
||
|
|
||
|
it('must clamp to minimum', function() {
|
||
|
NProgress.set(-100);
|
||
|
assert.equal(NProgress.status, NProgress.settings.minimum);
|
||
|
});
|
||
|
|
||
|
it('must clamp to maximum', function() {
|
||
|
NProgress.set(456);
|
||
|
assert.equal(NProgress.status, null);
|
||
|
});
|
||
|
});
|
||
|
|
||
|
// ----
|
||
|
|
||
|
describe('.start()', function() {
|
||
|
it('must render', function(done) {
|
||
|
NProgress.start();
|
||
|
assert.equal($("#nprogress").length, 1);
|
||
|
done();
|
||
|
});
|
||
|
|
||
|
it('must respect minimum', function() {
|
||
|
NProgress.start();
|
||
|
assert.equal(NProgress.status, NProgress.settings.minimum);
|
||
|
});
|
||
|
|
||
|
it('must be attached to specified parent', function() {
|
||
|
var test = $('<div>', {id: 'test'}).appendTo('body');
|
||
|
NProgress.configure({parent: '#test'});
|
||
|
NProgress.start();
|
||
|
assert.isTrue($("#nprogress").parent().is(test));
|
||
|
assert.isTrue($(NProgress.settings.parent).hasClass("nprogress-custom-parent"));
|
||
|
});
|
||
|
});
|
||
|
|
||
|
// ----
|
||
|
|
||
|
describe('.done()', function() {
|
||
|
it('must not render without start', function(done) {
|
||
|
NProgress.done();
|
||
|
assert.equal($("#nprogress").length, 0);
|
||
|
done();
|
||
|
});
|
||
|
|
||
|
it('.done(true) must render', function(done) {
|
||
|
NProgress.done(true);
|
||
|
assert.equal($("#nprogress").length, 1);
|
||
|
done();
|
||
|
});
|
||
|
});
|
||
|
|
||
|
// ----
|
||
|
|
||
|
describe('.remove()', function() {
|
||
|
it('should be removed from the parent', function() {
|
||
|
NProgress.set(1);
|
||
|
NProgress.remove();
|
||
|
|
||
|
var parent = $(NProgress.settings.parent);
|
||
|
assert.isFalse(parent.hasClass('nprogress-custom-parent'));
|
||
|
assert.equal(parent.find('#nprogress').length, 0);
|
||
|
});
|
||
|
});
|
||
|
|
||
|
// ----
|
||
|
|
||
|
describe('.inc()', function() {
|
||
|
it('should render', function() {
|
||
|
NProgress.inc();
|
||
|
assert.equal($("#nprogress").length, 1);
|
||
|
});
|
||
|
|
||
|
it('should start with minimum', function() {
|
||
|
NProgress.inc();
|
||
|
assert.equal(NProgress.status, NProgress.settings.minimum);
|
||
|
});
|
||
|
|
||
|
it('should increment', function() {
|
||
|
NProgress.start();
|
||
|
var start = NProgress.status;
|
||
|
|
||
|
NProgress.inc();
|
||
|
assert.operator(NProgress.status, '>', start);
|
||
|
});
|
||
|
|
||
|
it('should never reach 1.0', function() {
|
||
|
for (var i=0; i<100; ++i) { NProgress.inc(); }
|
||
|
assert.operator(NProgress.status, '<', 1.0);
|
||
|
});
|
||
|
});
|
||
|
|
||
|
// -----
|
||
|
|
||
|
describe('.configure()', function() {
|
||
|
it('should work', function() {
|
||
|
NProgress.configure({ minimum: 0.5 });
|
||
|
assert.equal(NProgress.settings.minimum, 0.5);
|
||
|
});
|
||
|
});
|
||
|
|
||
|
// ----
|
||
|
|
||
|
describe('.configure(showSpinner)', function() {
|
||
|
it('should render spinner by default', function() {
|
||
|
NProgress.start();
|
||
|
|
||
|
assert.equal($("#nprogress .spinner").length, 1);
|
||
|
});
|
||
|
|
||
|
it('should be true by default', function() {
|
||
|
assert.equal(NProgress.settings.showSpinner, true);
|
||
|
});
|
||
|
|
||
|
it('should hide (on false)', function() {
|
||
|
NProgress.configure({ showSpinner: false });
|
||
|
NProgress.start();
|
||
|
|
||
|
assert.equal($("#nprogress .spinner").length, 0);
|
||
|
});
|
||
|
});
|
||
|
});
|
||
|
|
||
|
})();
|