diff --git a/readme.md b/readme.md
index 4a40236..7f2050f 100644
--- a/readme.md
+++ b/readme.md
@@ -168,4 +168,4 @@ Set to the container when chocolat is zoomed
 ##Testing
 -----------
 To test, run `gulp test`, if you don't have all packages installed then run `npm install`  
-You can also simply open the page test/index.html
\ No newline at end of file
+Tests are written in `test/src/test.chocolat.coffee`
\ No newline at end of file
diff --git a/test/test.chocolat.js b/test/test.chocolat.js
deleted file mode 100644
index 1978fc4..0000000
--- a/test/test.chocolat.js
+++ /dev/null
@@ -1,299 +0,0 @@
-describe("Chocolat", function() {
-  describe("Opening", function() {
-    afterEach(function() {
-      var chocolat;
-      chocolat = $('#example0').data('chocolat');
-      chocolat.elems.wrapper.remove();
-      chocolat.elems.domContainer.removeClass('chocolat-open chocolat-mobile chocolat-in-container chocolat-cover');
-      chocolat.settings.currentImage = false;
-      chocolat.settings.initialized = false;
-      return $('#example0').data('chocolat', null);
-    });
-    it("should call markup function and create markup", function() {
-      var chocolat, spyMarkup;
-      chocolat = $('#example0').Chocolat({
-        loop: true,
-        container: $('#container')
-      }).data('chocolat');
-      spyMarkup = sinon.spy(chocolat, 'markup');
-      $('#example0').find('.chocolat-image').first().trigger('click');
-      expect(spyMarkup.calledOnce).to.be["false"];
-      expect($('#container').find('.chocolat-wrapper').length).to.equal(1);
-      expect($('#container .chocolat-wrapper').find('.chocolat-overlay').length).to.equal(1);
-      expect($('#container .chocolat-wrapper').find('.chocolat-loader').length).to.equal(1);
-      expect($('#container .chocolat-wrapper').find('.chocolat-content').length).to.equal(1);
-      expect($('#container .chocolat-wrapper').find('.chocolat-top').length).to.equal(1);
-      expect($('#container .chocolat-wrapper').find('.chocolat-bottom').length).to.equal(1);
-      expect($('#container .chocolat-wrapper').find('.chocolat-left').length).to.equal(1);
-      expect($('#container .chocolat-wrapper').find('.chocolat-right').length).to.equal(1);
-      expect($('#container .chocolat-top').find('.chocolat-fullscreen').length).to.equal(1);
-      expect($('#container .chocolat-top').find('.chocolat-pagination').length).to.equal(1);
-      expect($('#container .chocolat-top').find('.chocolat-close').length).to.equal(1);
-      expect($('#container .chocolat-bottom').find('.chocolat-description').length).to.equal(1);
-      return expect($('#container .chocolat-content').find('.chocolat-img').length).to.equal(1);
-    });
-    it("should add css classes to parent when in container", function(done) {
-      var chocolat;
-      chocolat = $('#example0').Chocolat({
-        container: $('#container')
-      }).data('chocolat');
-      return chocolat.api().open().done(function() {
-        expect($('#container').hasClass('chocolat-in-container')).to.be["true"];
-        expect($('#container').hasClass('chocolat-open')).to.be["true"];
-        return done();
-      });
-    });
-    it("should add css classes to body when full window", function(done) {
-      var chocolat;
-      chocolat = $('#example0').Chocolat({
-        fullWindow: 'cover'
-      }).data('chocolat');
-      return chocolat.api().open().done(function() {
-        expect($('body').hasClass('chocolat-open')).to.be["true"];
-        expect($('body').hasClass('chocolat-' + chocolat.settings.fullWindow)).to.be["true"];
-        return done();
-      });
-    });
-    it("should add custom css classe", function(done) {
-      var chocolat;
-      chocolat = $('#example0').Chocolat({
-        className: 'custom-class-name'
-      }).data('chocolat');
-      return chocolat.api().open().done(function() {
-        expect($('body').hasClass('custom-class-name')).to.be["true"];
-        return done();
-      });
-    });
-    it("should call init function", function() {
-      var chocolat, spyInit;
-      chocolat = $('#example0').Chocolat({
-        loop: true,
-        container: $('#container')
-      }).data('chocolat');
-      spyInit = sinon.spy(chocolat, 'init');
-      $('#example0').find('.chocolat-image').first().trigger('click');
-      expect(spyInit.calledOnce).to.be["true"];
-      return expect(spyInit.calledWithExactly(0)).to.be["true"];
-    });
-    return it("should call load function", function() {
-      var chocolat, spyLoad;
-      chocolat = $('#example0').Chocolat({
-        loop: true,
-        container: $('#container')
-      }).data('chocolat');
-      spyLoad = sinon.spy(chocolat, 'load');
-      $('#example0').find('.chocolat-image').first().trigger('click');
-      expect(spyLoad.calledOnce).to.be["true"];
-      return expect(spyLoad.calledWithExactly(0)).to.be["true"];
-    });
-  });
-  describe("FullScreen", function() {
-    afterEach(function() {
-      var chocolat, ref, ref1, ref2, ref3;
-      chocolat = $('#example0').data('chocolat');
-      if (chocolat != null) {
-        if ((ref = chocolat.elems) != null) {
-          if ((ref1 = ref.wrapper) != null) {
-            ref1.remove();
-          }
-        }
-      }
-      if (chocolat != null) {
-        if ((ref2 = chocolat.elems) != null) {
-          if ((ref3 = ref2.domContainer) != null) {
-            ref3.removeClass('chocolat-open chocolat-mobile chocolat-in-container chocolat-cover');
-          }
-        }
-      }
-      if (chocolat != null) {
-        chocolat.settings.currentImage = false;
-      }
-      if (chocolat != null) {
-        chocolat.settings.initialized = false;
-      }
-      return $('#example0').data('chocolat', null);
-    });
-    it("should open fullscreen when clicking .fullscreen", function(done) {
-      var chocolat, spyOpen;
-      chocolat = $('#example0').Chocolat().data('chocolat');
-      if (typeof Element.prototype.requestFullscreen === 'undefined' && typeof Element.prototype.mozRequestFullScreen === 'undefined' && typeof Element.prototype.webkitRequestFullscreen === 'undefined' && typeof Element.prototype.msRequestFullscreen === 'undefined') {
-        return done();
-      }
-      spyOpen = sinon.spy(chocolat, 'openFullScreen');
-      return chocolat.api().open().done(function() {
-        chocolat.elems.fullscreen.click();
-        expect(spyOpen.calledOnce).to.be["true"];
-        expect(chocolat.api().get('fullscreenOpen')).to.be["true"];
-        chocolat.elems.fullscreen.click();
-        expect(chocolat.api().get('fullscreenOpen')).to.be["false"];
-        return done();
-      });
-    });
-    it("should close fullscreen when clicking .fullscreen twice", function(done) {
-      var chocolat, spyClose;
-      chocolat = $('#example0').Chocolat().data('chocolat');
-      if (typeof Element.prototype.requestFullscreen === 'undefined' && typeof Element.prototype.mozRequestFullScreen === 'undefined' && typeof Element.prototype.webkitRequestFullscreen === 'undefined' && typeof Element.prototype.msRequestFullscreen === 'undefined') {
-        return done();
-      }
-      spyClose = sinon.spy(chocolat, 'exitFullScreen');
-      return chocolat.api().open().done(function() {
-        chocolat.elems.fullscreen.click();
-        chocolat.elems.fullscreen.click();
-        expect(spyClose.calledOnce).to.be["true"];
-        return done();
-      });
-    });
-    it("should close fullscreen when closing chocolat", function(done) {
-      var chocolat, spyClose;
-      chocolat = $('#example0').Chocolat().data('chocolat');
-      if (typeof Element.prototype.requestFullscreen === 'undefined' && typeof Element.prototype.mozRequestFullScreen === 'undefined' && typeof Element.prototype.webkitRequestFullscreen === 'undefined' && typeof Element.prototype.msRequestFullscreen === 'undefined') {
-        return done();
-      }
-      spyClose = sinon.spy(chocolat, 'exitFullScreen');
-      return chocolat.api().open().done(function() {
-        chocolat.elems.fullscreen.click();
-        chocolat.elems.close.click();
-        expect(spyClose.calledOnce).to.be["true"];
-        return done();
-      });
-    });
-    return it("should open fullscreen directly", function(done) {
-      var chocolat, spyOpen;
-      chocolat = $('#example0').Chocolat({
-        fullScreen: true
-      }).data('chocolat');
-      if (typeof Element.prototype.requestFullscreen === 'undefined' && typeof Element.prototype.mozRequestFullScreen === 'undefined' && typeof Element.prototype.webkitRequestFullscreen === 'undefined' && typeof Element.prototype.msRequestFullscreen === 'undefined') {
-        return done();
-      }
-      spyOpen = sinon.spy(chocolat, 'openFullScreen');
-      return chocolat.api().open().done(function() {
-        expect(spyOpen.calledOnce).to.be["true"];
-        return done();
-      });
-    });
-  });
-  describe("Change image", function() {
-    afterEach(function() {
-      var chocolat;
-      chocolat = $('#example0').data('chocolat');
-      chocolat.elems.wrapper.remove();
-      chocolat.elems.domContainer.removeClass('chocolat-open chocolat-mobile chocolat-in-container chocolat-cover');
-      chocolat.settings.currentImage = false;
-      chocolat.settings.initialized = false;
-      return $('#example0').data('chocolat', null);
-    });
-    it("should go to next image", function(done) {
-      var chocolat, spyChange, spyLoad;
-      chocolat = $('#example0').Chocolat().data('chocolat');
-      spyLoad = sinon.spy(chocolat, 'load');
-      spyChange = sinon.spy(chocolat, 'change');
-      return chocolat.api().open().done(function() {
-        expect(spyLoad.calledWithExactly(0)).to.be["true"];
-        chocolat.elems.right.click();
-        expect(spyLoad.calledWithExactly(1)).to.be["true"];
-        expect(spyChange.calledOnce).to.be["true"];
-        expect(spyChange.calledWithExactly(1)).to.be["true"];
-        return done();
-      });
-    });
-    it("should go to previous image", function(done) {
-      var chocolat;
-      chocolat = $('#example0').Chocolat().data('chocolat');
-      return chocolat.api().open().done(function() {
-        var spyLoad;
-        spyLoad = sinon.spy(chocolat, 'load');
-        return chocolat.api().next().done(function() {
-          var spyChange;
-          expect(spyLoad.calledWithExactly(1)).to.be["true"];
-          spyChange = sinon.spy(chocolat, 'change');
-          return chocolat.api().prev().done(function() {
-            expect(spyLoad.calledWithExactly(0)).to.be["true"];
-            expect(spyChange.calledOnce).to.be["true"];
-            expect(spyChange.calledWithExactly(-1)).to.be["true"];
-            expect(chocolat.api().current()).to.equal(0);
-            return done();
-          });
-        });
-      });
-    });
-    it("should loop and go to last image", function(done) {
-      var chocolat;
-      chocolat = $('#example0').Chocolat({
-        loop: true
-      }).data('chocolat');
-      return chocolat.api().open().done(function() {
-        var spyLoad;
-        spyLoad = sinon.spy(chocolat, 'load');
-        return chocolat.api().prev().done(function() {
-          expect(spyLoad.calledWithExactly(chocolat.api().get('lastImage'))).to.be["true"];
-          expect(chocolat.api().current()).to.equal(chocolat.api().get('lastImage'));
-          return done();
-        });
-      });
-    });
-    return it("should loop and go to first image", function(done) {
-      var chocolat, lastImage;
-      chocolat = $('#example0').Chocolat({
-        loop: true
-      }).data('chocolat');
-      lastImage = chocolat.settings.images.length - 1;
-      return chocolat.api().open(lastImage).done(function() {
-        var spyLoad;
-        spyLoad = sinon.spy(chocolat, 'load');
-        return chocolat.api().next().done(function() {
-          expect(spyLoad.calledWithExactly(0)).to.be["true"];
-          expect(chocolat.api().current()).to.equal(0);
-          return done();
-        });
-      });
-    });
-  });
-  return describe("API", function() {
-    var chocolat;
-    chocolat = $('<div />').Chocolat({
-      backgroundClose: false,
-      images: [
-        {
-          src: '../images/chocolat-1.jpg',
-          title: 'You can zoom in the image'
-        }, {
-          src: '../images/chocolat-2.jpg',
-          title: 'You can zoom in the image'
-        }, {
-          src: '../images/chocolat-3.jpg',
-          title: 'You can zoom in the image'
-        }
-      ]
-    }).data('chocolat');
-    it("should have a open method", function() {
-      return expect(typeof chocolat.api().open).to.equal("function");
-    });
-    it("should have a close method", function() {
-      return expect(typeof chocolat.api().close).to.equal("function");
-    });
-    it("should have a next method", function() {
-      return expect(typeof chocolat.api().next).to.equal("function");
-    });
-    it("should have a prev method", function() {
-      return expect(typeof chocolat.api().prev).to.equal("function");
-    });
-    it("should have a goto method", function() {
-      return expect(typeof chocolat.api().goto).to.equal("function");
-    });
-    it("should have a current method", function() {
-      return expect(typeof chocolat.api().current).to.equal("function");
-    });
-    it("should have a place method", function() {
-      return expect(typeof chocolat.api().place).to.equal("function");
-    });
-    it("should have a set method", function() {
-      return expect(typeof chocolat.api().set).to.equal("function");
-    });
-    it("should have a get method", function() {
-      return expect(typeof chocolat.api().get).to.equal("function");
-    });
-    return it("should have a getElem method", function() {
-      return expect(typeof chocolat.api().getElem).to.equal("function");
-    });
-  });
-});