diff --git a/.gitignore b/.gitignore index 3c3629e64..186552a71 100644 --- a/.gitignore +++ b/.gitignore @@ -1 +1,3 @@ node_modules +bower_components +coverage \ No newline at end of file diff --git a/karma.conf.js b/karma.conf.js new file mode 100644 index 000000000..c59bab7e2 --- /dev/null +++ b/karma.conf.js @@ -0,0 +1,74 @@ +// Karma configuration +// Generated on Thu Feb 18 2016 22:00:23 GMT+0100 (CET) + +module.exports = function(config) { + config.set({ + + // base path that will be used to resolve all patterns (eg. files, exclude) + basePath: '', + + + // frameworks to use + // available frameworks: https://npmjs.org/browse/keyword/karma-adapter + frameworks: ['jasmine'], + + + // list of files / patterns to load in the browser + files: [ + 'bower_components/jquery/dist/jquery.min.js', + 'bower_components/jquery-ui/jquery-ui.min.js', + 'bower_components/lodash/dist/lodash.min.js', + 'src/gridstack.js', + 'spec/*-spec.js' + ], + + + // list of files to exclude + exclude: [ + ], + + + // preprocess matching files before serving them to the browser + // available preprocessors: https://npmjs.org/browse/keyword/karma-preprocessor + preprocessors: { + 'src/gridstack.js': ['coverage'] + }, + + + // test results reporter to use + // possible values: 'dots', 'progress' + // available reporters: https://npmjs.org/browse/keyword/karma-reporter + reporters: ['progress', 'coverage'], + + + // web server port + port: 9876, + + + // enable / disable colors in the output (reporters and logs) + colors: true, + + + // level of logging + // possible values: config.LOG_DISABLE || config.LOG_ERROR || config.LOG_WARN || config.LOG_INFO || config.LOG_DEBUG + logLevel: config.LOG_INFO, + + + // enable / disable watching file and executing tests whenever any file changes + autoWatch: true, + + + // start these browsers + // available browser launchers: https://npmjs.org/browse/keyword/karma-launcher + browsers: ['PhantomJS'], + + + // Continuous Integration mode + // if true, Karma captures browsers, runs the tests and exits + singleRun: false, + + // Concurrency level + // how many browser should be started simultaneous + concurrency: Infinity + }) +} diff --git a/package.json b/package.json index 7f1d79046..69ccdc6f4 100644 --- a/package.json +++ b/package.json @@ -26,9 +26,16 @@ "grunt-contrib-cssmin": "^0.14.0", "grunt-contrib-jshint": "^1.0.0", "grunt-contrib-uglify": "^0.10.1", - "grunt-contrib-watch": "^0.6.1", "grunt-doctoc": "^0.1.1", "grunt-sass": "^1.1.0", + "jasmine-core": "^2.4.1", + "karma": "^0.13.21", + "karma-coverage": "^0.5.3", + "karma-jasmine": "^0.3.7", + "karma-phantomjs-launcher": "^1.0.0", + "phantomjs": "^2.1.3", + "phantomjs-prebuilt": "^2.1.4" + "grunt-contrib-watch": "^0.6.1", "grunt-jscs": "^2.7.0" } } diff --git a/spec/gridstack-spec.js b/spec/gridstack-spec.js new file mode 100644 index 000000000..84026fe0a --- /dev/null +++ b/spec/gridstack-spec.js @@ -0,0 +1,92 @@ +describe('gridstack', function() { + 'use strict'; + + var e; + var w; + + beforeEach(function() { + w = window; + e = w.GridStackUI.Engine; + }); + + describe('setup of gridstack', function() { + + it('should exist setup function.', function() { + + expect(e).not.toBeNull(); + expect(typeof e).toBe('function'); + }); + + it('should set default params correctly.', function() { + e.call(w); + expect(w.width).toBeUndefined(); + expect(w.float).toBe(false); + expect(w.height).toEqual(0); + expect(w.nodes).toEqual([]); + expect(typeof w.onchange).toBe('function'); + expect(w._updateCounter).toEqual(0); + expect(w._float).toEqual(w.float); + }); + + it('should set params correctly.', function() { + var fkt = function() { }; + var arr = [1,2,3]; + + e.call(w, 1, fkt, true, 2, arr); + expect(w.width).toEqual(1); + expect(w.float).toBe(true); + expect(w.height).toEqual(2); + expect(w.nodes).toEqual(arr); + expect(w.onchange).toEqual(fkt); + expect(w._updateCounter).toEqual(0); + expect(w._float).toEqual(w.float); + }); + + + }); + + describe('batch update', function() { + + it('should set float and counter when calling batchUpdate.', function() { + e.prototype.batchUpdate.call(w); + expect(w.float).toBe(true); + expect(w._updateCounter).toEqual(1); + }); + + //test commit function + + }); + + describe('sorting of nodes', function() { + + it('should sort ascending with width.', function() { + w.nodes = [{x: 7, y: 0}, {x: 4, y: 4}, {x: 9, y: 0}, {x: 0, y: 1}]; + e.prototype._sortNodes.call(w, 1); + expect(w.nodes).toEqual([{x: 0, y: 1}, {x: 7, y: 0}, {x: 4, y: 4}, {x: 9, y: 0}]); + }); + + it('should sort descending with width.', function() { + w.nodes = [{x: 7, y: 0}, {x: 4, y: 4}, {x: 9, y: 0}, {x: 0, y: 1}]; + e.prototype._sortNodes.call(w, -1); + expect(w.nodes).toEqual([{x: 9, y: 0}, {x: 4, y: 4}, {x: 7, y: 0}, {x: 0, y: 1}]); + }); + + it('should sort ascending without width.', function() { + w.width = false; + w.nodes = [{x: 7, y: 0}, {x: 4, y: 4}, {x: 9, y: 0}, {x: 0, y: 1}]; + e.prototype._sortNodes.call(w, 1); + expect(w.nodes).toEqual([{x: 0, y: 1}, {x: 7, y: 0}, {x: 4, y: 4}, {x: 9, y: 0}]); + }); + + it('should sort descending without width.', function() { + w.width = false; + w.nodes = [{x: 7, y: 0}, {x: 4, y: 4}, {x: 9, y: 0}, {x: 0, y: 1}]; + e.prototype._sortNodes.call(w, -1); + expect(w.nodes).toEqual([{x: 9, y: 0}, {x: 4, y: 4}, {x: 7, y: 0}, {x: 0, y: 1}]); + }); + + }); + + + +}); \ No newline at end of file diff --git a/spec/utils-spec.js b/spec/utils-spec.js new file mode 100644 index 000000000..45b17dc31 --- /dev/null +++ b/spec/utils-spec.js @@ -0,0 +1,43 @@ +describe('gridstack utils', function() { + 'use strict'; + + var utils; + + beforeEach(function() { + utils = window.GridStackUI.Utils; + }); + + describe('setup of utils', function() { + + it('should set gridstack utils.', function() { + expect(utils).not.toBeNull(); + expect(typeof utils).toBe('object'); + }); + + }); + + describe('test toBool', function() { + + it('should return booleans.', function() { + expect(utils.toBool(true)).toEqual(true); + expect(utils.toBool(false)).toEqual(false); + }); + + it('should work with integer.', function() { + expect(utils.toBool(1)).toEqual(true); + expect(utils.toBool(0)).toEqual(false); + }); + + it('should work with Strings.', function() { + expect(utils.toBool('')).toEqual(false); + expect(utils.toBool('0')).toEqual(false); + expect(utils.toBool('no')).toEqual(false); + expect(utils.toBool('false')).toEqual(false); + expect(utils.toBool('yes')).toEqual(true); + expect(utils.toBool('yadda')).toEqual(true); + }); + + }); + + +}); \ No newline at end of file diff --git a/src/gridstack.js b/src/gridstack.js index 4a94617e4..9880fc05a 100644 --- a/src/gridstack.js +++ b/src/gridstack.js @@ -1450,6 +1450,7 @@ scope.GridStackUI = GridStack; scope.GridStackUI.Utils = Utils; + scope.GridStackUI.Engine = GridStackEngine; $.fn.gridstack = function(opts) { return this.each(function() {