Adding destroy method and updating tests to use destroy

Author: Steve Calvert

dist/bellows.js

@@ -52,6 +52,12 @@
             this._bindEvents();
         },
 
+        destroy: function() {
+            this.$bellows
+                .removeData(this.name)
+                .off(this.options.event);
+        },
+
         _bindEvents: function() {
             var plugin = this;
 

dist/bellows.min.js

@@ -52,6 +52,12 @@
             this._bindEvents();
         },
 
+        destroy: function() {
+            this.$bellows
+                .removeData(this.name)
+                .off(this.options.event);
+        },
+
         _bindEvents: function() {
             var plugin = this;
 

src/js/bellows.js

@@ -5,18 +5,20 @@ define([
     'bellows'
 ], function(fixture, $) {
     var Bellows;
-    var element;
+    var $element;
 
     describe('Bellows constructor', function() {
         beforeEach(function() {
             Bellows = $.fn.bellows.Constructor;
-            element = $(fixture);
+            $element = $(fixture);
         });
 
         it('creates a bellows instance', function() {
-            var bellows = new Bellows(element);
+            var bellows = new Bellows($element);
 
             assert.isDefined(bellows);
+
+            bellows.destroy();
         });
     });
 });

tests/unit/constructor.js

@@ -4,7 +4,7 @@ define([
     'velocity',
     'bellows'
 ], function(fixture, $) {
-    var element;
+    var $element;
 
     describe('Bellows events', function() {
         var stringify = JSON.stringify;
@@ -28,35 +28,35 @@ define([
         });
 
         beforeEach(function() {
-            element = $(fixture).appendTo('#container');
+            $element = $(fixture).appendTo('#container');
         });
 
         afterEach(function() {
-            element = null;
+            $element.bellows('destroy');
         });
 
         it('fires the open event when the header is clicked', function(done) {
-            element.bellows({
+            $element.bellows({
                 open: function() {
                     done();
                 }
             });
 
-            element.find('.bellows__header').first().trigger('click');
+            $element.find('.bellows__header').first().trigger('click');
         });
 
         it('fires the opened event when the header is clicked', function(done) {
-            element.bellows({
+            $element.bellows({
                 opened: function() {
                     done();
                 }
             });
 
-            element.find('.bellows__header').first().trigger('click');
+            $element.find('.bellows__header').first().trigger('click');
         });
 
         it('fires the close event when the header is clicked', function(done) {
-            element.bellows({
+            $element.bellows({
                 opened: function(e, ui) {
                     ui.item.find('.bellows__header').trigger('click');
                 },
@@ -65,11 +65,11 @@ define([
                 }
             });
 
-            element.find('.bellows__header').first().trigger('click');
+            $element.find('.bellows__header').first().trigger('click');
         });
 
         it('fires the closed event when the header is clicked', function(done) {
-            element.bellows({
+            $element.bellows({
                 opened: function(e, ui) {
                     ui.item.find('.bellows__header').trigger('click');
                 },
@@ -78,7 +78,7 @@ define([
                 }
             });
 
-            element.find('.bellows__header').first().trigger('click');
+            $element.find('.bellows__header').first().trigger('click');
         });
     });
 });