fix: use new offCanvas event naming scheme

diff --git a/js/foundation.offcanvas.js b/js/foundation.offcanvas.js
index 12ddd120a297c3f9217b6d8f9bd1b8bd10b48d21..62885a617f9cbae5295c89dbca54535020739c19 100644 (file)
--- a/js/foundation.offcanvas.js
+++ b/js/foundation.offcanvas.js
@@ -366,7 +366,7 @@ class OffCanvas extends Plugin {
      * Fires when the off-canvas menu closes.
      * @event OffCanvas#close
      */
-    this.$element.trigger('close.zf.offcanvas');
+    this.$element.trigger('close.zf.offCanvas');
 
     var _this = this;
 
@@ -406,7 +406,7 @@ class OffCanvas extends Plugin {
        * Fires when the off-canvas menu is closed.
        * @event OffCanvas#closed
        */
-      _this.$element.trigger('closed.zf.offcanvas');
+      _this.$element.trigger('closed.zf.offCanvas');
     });
   }
 

diff --git a/test/javascript/components/offcanvas.js b/test/javascript/components/offcanvas.js
index dfb7800c6fe180ec8f6ce94438e05e462908dc0a..86cd12d5e9136851fd0ef2190aea25fda1af6462 100644 (file)
--- a/test/javascript/components/offcanvas.js
+++ b/test/javascript/components/offcanvas.js
@@ -190,12 +190,11 @@ describe('Off Canvas', function() {
       plugin.open();
     });
 
-    it('fires close.zf.offcanvas event', function(done) {
+    it('fires close.zf.offCanvas event', function(done) {
       $html = $(template).appendTo('body');
       plugin = new Foundation.OffCanvas($html.find('[data-off-canvas]'), {});
-
-      $html.one('opened.zf.offcanvas', function() {
-        $html.one('close.zf.offcanvas', function() {
+      $html.one('opened.zf.offCanvas', function() {
+        $html.one('close.zf.offCanvas', function() {
           done();
         });
 
@@ -206,14 +205,14 @@ describe('Off Canvas', function() {
       plugin.open();
     });
 
-    it('fires closed.zf.offcanvas event', function(done) {
+    it('fires closed.zf.offCanvas event', function(done) {
       $html = $(template).appendTo('body');
       plugin = new Foundation.OffCanvas($html.find('[data-off-canvas]'), {});
 
-      $html.one('opened.zf.offcanvas', function() {
-        $html.one('close.zf.offcanvas', function() {
+      $html.one('opened.zf.offCanvas', function() {
+        $html.one('close.zf.offCanvas', function() {
           plugin.$element.one(Foundation.transitionend(plugin.$element), function() {
-            $html.one('closed.zf.offcanvas', function () {
+            $html.one('closed.zf.offCanvas', function () {
               done();
             });
           });