diff options
| author | ruki <waruqi@gmail.com> | 2018-11-08 00:38:48 +0800 |
|---|---|---|
| committer | ruki <waruqi@gmail.com> | 2018-11-07 21:53:09 +0800 |
| commit | 26105034da4fcce7ac883c899d781f016559310d (patch) | |
| tree | c459a5dc4e3aa0972d9919033ece511ce76dd129 /node_modules/nprogress/test | |
| parent | 2c77f00f1a7ecb6c8192f9c16d3b2001b254a107 (diff) | |
| download | xmake-docs-26105034da4fcce7ac883c899d781f016559310d.tar.gz xmake-docs-26105034da4fcce7ac883c899d781f016559310d.zip | |
switch to vuepress
Diffstat (limited to 'node_modules/nprogress/test')
| -rw-r--r-- | node_modules/nprogress/test/component.html | 26 | ||||
| -rw-r--r-- | node_modules/nprogress/test/test.js | 175 |
2 files changed, 201 insertions, 0 deletions
diff --git a/node_modules/nprogress/test/component.html b/node_modules/nprogress/test/component.html new file mode 100644 index 00000000..6bcde977 --- /dev/null +++ b/node_modules/nprogress/test/component.html @@ -0,0 +1,26 @@ +<!doctype html> +<html> +<head> + <meta charset="utf-8"> + <meta name='viewport' content='width=device-width,initial-scale=1.0'> + <title>Tests</title> + <link rel='stylesheet' href='../vendor/mocha.css'> + <link rel='stylesheet' href='../build/build.css'> + <script src='../build/build.js'></script> + + <!-- mocha --> + <script src='../vendor/mocha.js'></script> + <script>mocha.ignoreLeaks(); mocha.setup('bdd');</script> + <script src='../vendor/chai.js'></script> + <script>should = chai.should()</script> + <script>assert = chai.assert</script> + <script>testSuite = describe;</script> + + <!-- tests --> + <script src="test.js"></script> + <script>onload = function() { mocha.run(); }</script> +</head> +<body> + <div id="mocha"></div> +</body> +</html> diff --git a/node_modules/nprogress/test/test.js b/node_modules/nprogress/test/test.js new file mode 100644 index 00000000..a381b094 --- /dev/null +++ b/node_modules/nprogress/test/test.js @@ -0,0 +1,175 @@ +(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); + }); + }); + }); + +})(); |