Added some basic init and render tests

Author: ndaversa

bower.json

@@ -14,5 +14,8 @@
   "devDependencies": {
     "chai": "*",
     "lodash": "~2.2.1"
+  },
+  "dependencies": {
+    "jquery": "~2.0.3"
   }
 }

carousel.js

@@ -1,4 +1,7 @@
-/*! Carousel.js v0.0.1 - MIT license */
+/*!
+ * Carousel.js v1.0.0 ~ Copyright (c) 2013 Nino D'Aversa, http://ndaversa.com
+ * Released under MIT license
+ */
 
 ;(function (global) { function moduleDefinition(_) {
 
@@ -14,35 +17,34 @@
 
 function Carousel(options) {
   var carouselDefaults = {
-    loop: true
+    loop: true,
+    bufferPages: 2
   };
-
   options || (options = {});
-
   _.extend(this, carouselDefaults, _.pick(options, carouselOptions));
+
+  this.el = typeof this.el == 'string' ? document.querySelector(this.el) : this.el;
 }
 
-var carouselOptions = ['pageWidth', 'loop'];
+var carouselOptions = ['pageWidth', 'loop', 'el', 'bufferPages'];
 
 _.extend(Carousel.prototype, {
 
+  render: function () {
+    this.el.style.overflow = 'hidden';
+    this.el.style.position = 'relative';
+    return this;
+  }
 });
 
-/**
- * Expose carousel
- */
-
 return Carousel;
 
 // ---------------------------------------------------------------------------
 
 } if (typeof exports === 'object') {
-    // node export
     module.exports = moduleDefinition(require('lodash'));
 } else if (typeof define === 'function' && define.amd) {
-    // amd anonymous module registration
     define([require('lodash')], moduleDefinition);
 } else {
-    // browser global
     global.Carousel = moduleDefinition(global._);
 }}(this));

karma.conf.js

@@ -16,6 +16,7 @@ module.exports = function (config) {
 
     // list of files / patterns to load in the browser
     files: [
+      'bower_components/jquery/jquery.js',
       'bower_components/lodash/dist/lodash.js',
       'bower_components/chai/chai.js',
       'carousel.js',

package.json

@@ -1,7 +1,7 @@
 {
   "name": "carousel.js",
   "description": "",
-  "version": "0.0.1",
+  "version": "1.0.0",
   "devDependencies": {
     "karma": "~0.10.1",
     "karma-mocha": "~0.1.0",

test/test.js

@@ -6,23 +6,82 @@ describe('Carousel', function () {
     expect(carousel).to.not.be.undefined;
   });
 
-  it('has the correct default values', function () {
-    var carousel = new Carousel();
-    var carouselOptions = [
-      'loop'
-    ];
-    var pickedOptions = _.pick(carousel, carouselOptions);
+  describe('options', function () {
+    it('has the correct default values', function () {
+      var carousel = new Carousel();
+      var carouselOptions = [
+        'loop',
+        'bufferPages'
+      ];
+      var pickedOptions = _.pick(carousel, carouselOptions);
+
+      expect(pickedOptions).to.deep.equal({
+        loop: true,
+        bufferPages: 2
+      });
+    });
+
+    it('allows defaults to be overridden', function () {
+      var carousel = new Carousel({
+        loop: false,
+        bufferPages: 4
+      });
+      var carouselOptions = ['loop', 'bufferPages'];
+      var pickedOptions = _.pick(carousel, carouselOptions);
+
+      expect(pickedOptions).to.deep.equal({
+        loop: false,
+        bufferPages: 4
+      });
+    });
+
+    it('accepts an element as an option', function () {
+      $('<div id="test" />').appendTo('body');
+      var carousel = new Carousel({
+        el: $('#test')[0]
+      });
+
+      expect(carousel.el.id).to.equal('test');
+    });
 
-    expect(pickedOptions).to.deep.equal({ loop: true });
+    it('accepts a selector as an option', function () {
+      $('<div id="test" />').appendTo('body');
+      var carousel = new Carousel({
+        el: '#test'
+      });
+
+      expect(carousel.el.id).to.equal('test');
+    });
   });
 
-  it('allows defaults to be overridden', function () {
-    var carousel = new Carousel({ loop: false });
-    var carouselOptions = [
-      'loop'
-    ];
-    var pickedOptions = _.pick(carousel, carouselOptions);
+  describe('render', function () {
+    var el, carousel;
+
+    beforeEach(function () {
+      el = $('<div id="test" />');
+      el.appendTo('body');
+      carousel = new Carousel({
+        el: '#test'
+      });
+    });
+
+    afterEach(function () {
+      el.remove();
+    });
+
+    it('returns the instance of the object', function () {
+      expect(carousel.render()).to.equal(carousel);
+    });
+
+    it('correctly renders after instantiation', function () {
+      var styleProperites = ['overflow', 'position'];
+      var styles = _.pick(carousel.el.style, styleProperites);
 
-    expect(pickedOptions).to.deep.equal({ loop: false });
+      carousel.render();
+      expect(styles).to.deep.equal({
+        overflow: 'hidden',
+        position: 'relative'
+      });
+    });
   });
 })