chore(button-close): add testing for button-close click handlers (bootstrap-vue#1455)

alexsasharegan · web-flow · commit dc35bf069a9c · 2017-12-12T12:14:50.000-07:00
diff --git a/src/components/button/button-close.spec.js b/src/components/button/button-close.spec.js
@@ -62,4 +62,28 @@ describe('button-close', async () => {
     expect(btn.disabled).toBe(true)
     expect(spy).not.toHaveBeenCalled()
   })
+
+  it('calls click handlers bound by its parent', async () => {
+    const { app } = window
+    const $btn = app.$refs.handlers
+    const spy1 = jest.fn()
+    const spy2 = jest.fn()
+    app.spies.push(spy1, spy2)
+
+    $btn.click()
+    expect(spy1).toHaveBeenCalled()
+    expect(spy2).toHaveBeenCalled()
+  })
+
+  it('does not call click handlers bound by its parent when disabled', async () => {
+    const { app } = window
+    const $btn = app.$refs.handlersDisabled
+    const spy1 = jest.fn()
+    const spy2 = jest.fn()
+    app.spies.push(spy1, spy2)
+
+    $btn.click()
+    expect(spy1).not.toHaveBeenCalled()
+    expect(spy2).not.toHaveBeenCalled()
+  })
 })
diff --git a/src/components/button/fixtures/button-close.html b/src/components/button/fixtures/button-close.html
@@ -3,4 +3,6 @@
   <b-button-close ref="slot">close</b-button-close>
   <b-button-close ref="disabled" disabled></b-button-close>
   <b-button-close ref="variant" text-variant="primary"></b-button-close>
+  <b-button-close ref="handlers" @click="handleClick"></b-button-close>
+  <b-button-close ref="handlersDisabled" disabled @click="handleClick"></b-button-close>
 </div>
diff --git a/src/components/button/fixtures/button-close.js b/src/components/button/fixtures/button-close.js
@@ -1,3 +1,11 @@
 window.app = new Vue({
-  el: '#app'
+  el: '#app',
+  data: {
+    spies: []
+  },
+  methods: {
+    handleClick () {
+      this.spies.forEach(spy => spy.apply(undefined, arguments))
+    }
+  }
 })
