complete Events tests

gulpfile.js

@@ -8,14 +8,7 @@ gulp.task('i18n', require('./tasks/i18n'));
 gulp.task('cssPage', require('./tasks/cssPage'));
 gulp.task('jade-ru', require('./tasks/jade').ru);
 gulp.task('jade-en', require('./tasks/jade').en);
-
-var gzip = require('gulp-gzip');
-gulp.task('gzip', function (cb) {
-    gulp.src('dist/js/datepicker.min.js')
-        .pipe(gzip())
-        .pipe(gulp.dest('dist/'))
-});
-
+gulp.task('gzip', require('./tasks/gzip'));
 
 gulp.task('watch', function () {
     livereload.listen();

package.json

@@ -1,12 +1,13 @@
 {
-  "name": "datepicker",
-  "version": "0.0.1",
+  "name": "air-datepicker",
+  "version": "1.2.1",
   "devDependencies": {
     "autoprefixer": "^6.1.0",
     "chai": "^3.4.1",
     "gulp": "^3.9.0",
     "gulp-clone": "^1.0.0",
     "gulp-concat": "^2.6.0",
+    "gulp-gzip": "^1.2.0",
     "gulp-jade": "^1.1.0",
     "gulp-livereload": "^3.8.0",
     "gulp-minify-css": "^1.2.1",

tasks/gzip.js

@@ -0,0 +1,9 @@
+var gulp = require('gulp'),
+    gzip = require('gulp-gzip');
+
+module.exports = function (cb) {
+    gulp.src('dist/js/datepicker.min.js')
+        .pipe(gzip())
+        .pipe(gulp.dest('dist/'))
+};
+

tasks/jade.js

@@ -1,6 +1,6 @@
 var gulp = require('gulp'),
     plumber = require('gulp-plumber'),
-    _jade =  require('gulp-jade/node_modules/jade'),
+    _jade =  require('jade'),
     jade = require('gulp-jade');
 
 _jade.filters.code = function( block ) {

tests/index.html

@@ -15,8 +15,8 @@
             mocha.setup('bdd');
         </script>
 
-        <script type="text/javascript" src="specs/events.js"></script>
         <script type="text/javascript" src="specs/options.js"></script>
+        <script type="text/javascript" src="specs/events.js"></script>
         <script type="text/javascript" src="specs/static-methods.js"></script>
         <style type="text/css">
             /* Remove transitions to test position options*/

tests/specs/events.js

@@ -20,6 +20,12 @@ var assert = chai.assert,
         destroy = true;
     });
 
+    after(function () {
+        $input.remove();
+        $span.remove();
+        $altInput.remove();
+    });
+
     describe('onSelect', function () {
         it('should add callback when user selects date', function () {
             var date = new Date(2016,0,13);
@@ -75,14 +81,84 @@ var assert = chai.assert,
 
     describe('onRenderCell', function () {
         it('should add callback when cell is rendered', function () {
-
             dp = $input.datepicker({
                 onRenderCell: function (d, type) {
                     expect(d).to.be.instanceOf(Date);
                     expect(type).to.be.equal('day');
                 }
             }).data('datepicker');
+        })
+    });
 
+    describe('onChangeView', function () {
+        it('should add callback when view is changed', function () {
+            var _view;
+
+            dp = $input.datepicker({
+                onChangeView: function (view) {
+                    _view = view;
+                }
+            }).data('datepicker');
+
+            dp.view = 'months';
+            expect(_view).to.be.equal('months')
+        })
+    });
+
+    describe('onChangeMonth', function () {
+        it('should add callback when month is changed', function () {
+            var _month, _year;
+
+            dp = $input.datepicker({
+                startDate: new Date(2016, 0, 22),
+                onChangeMonth: function (month, year) {
+                    _month = month;
+                    _year = year;
+                }
+            }).data('datepicker');
+
+            $('.datepicker--nav-action[data-action="next"]',dp.$datepicker).click();
+
+            expect(_month).to.be.equal(1);
+            expect(_year).to.be.equal(2016)
+        })
+    });
+
+    describe('onChangeYear', function () {
+        it('should add callback when year is changed', function () {
+            var _year;
+
+            dp = $input.datepicker({
+                startDate: new Date(2016, 0, 22),
+                view: 'months',
+                onChangeYear: function (year) {
+                    _year = year;
+                }
+            }).data('datepicker');
+
+            $('.datepicker--nav-action[data-action="next"]',dp.$datepicker).click();
+
+            expect(_year).to.be.equal(2017)
+        })
+    });
+
+    describe('onChangeDecade', function () {
+        it('should add callback when decade is changed', function () {
+            var _decade;
+
+            dp = $input.datepicker({
+                startDate: new Date(2016, 0, 22),
+                view: 'years',
+                onChangeDecade: function (decade) {
+                    _decade = decade;
+                }
+            }).data('datepicker');
+
+            $('.datepicker--nav-action[data-action="next"]',dp.$datepicker).click();
+
+            expect(_decade).to.have.length(2);
+            expect(_decade[0]).to.be.equal(2020);
+            expect(_decade[1]).to.be.equal(2029);
         })
     });
 

tests/specs/options.js

@@ -19,6 +19,11 @@ describe('Options', function () {
         destroy = true;
     });
 
+    after(function () {
+        $input.remove();
+        $altInput.remove();
+    });
+
     describe('classes', function () {
         it('should add extra classes to datepicker', function () {
             dp = $input.datepicker({