fix errors(revolunet#254, revolunet#270) with require.js in shifty.js

Author: mountainmoon

bower.json

@@ -20,6 +20,7 @@
     "angular-touch": ">=1.2.10"
   },
   "devDependencies": {
-    "angular-mocks": ">=1.2.10"
+    "angular-mocks": ">=1.2.10",
+    "requirejs": ">=2.1.0"
   }
 }

src/directives/shifty.js

@@ -482,8 +482,9 @@ angular.module('angular-carousel.shifty', [])
       // CommonJS
       module.exports = Tweenable;
     } else if (typeof define === 'function' && define.amd) {
-      // AMD
-      define(function () {return Tweenable;});
+      // AMD: define it as a named module to avoid the mismatched error(http://requirejs.org/docs/errors.html#mismatch)
+      define('shifty', [], function () {return Tweenable;});
+      root.Tweenable = Tweenable;
     } else if (typeof root.Tweenable === 'undefined') {
       // Browser: Make `Tweenable` globally accessible.
       root.Tweenable = Tweenable;

test/karma.conf.js

@@ -13,6 +13,7 @@ module.exports = function ( karma ) {
         'bower_components/angular/angular.js',
         'bower_components/angular-touch/angular-touch.js',
         'bower_components/angular-mocks/angular-mocks.js',
+        'bower_components/requirejs/require.js',
         'dist/angular-carousel.js',
         'test/unit/*.js'
     ],

test/unit/angular-carousel.shifty.js

@@ -0,0 +1,20 @@
+/*global waits, runs, iit, browserTrigger, beforeEach, afterEach, describe, it, inject, expect, module, angular, $*/
+
+describe('angular-carousel.shifty', function () {
+  'use strict';
+
+  describe("compatibility with requirejs", function(){
+    var loadShifty = function() {
+      module('angular-carousel.shifty');
+    };
+    it("should not throw an exception when load the shifty within requirejs environment", function(){
+      expect(loadShifty).not.toThrow();
+    });
+
+    it("should not throw an exception when inject `Tweenable` within requirejs environment", function(){
+      loadShifty();
+      expect(function() {inject(function(Tweenable){});}).not.toThrow();
+    });
+  });
+
+});