Merge pull request #95 from atsman/master

Add test for custom event handling

Author: surmon-china

test/unit/specs/VueCodemirror.spec.js

@@ -1,11 +1,11 @@
+import 'codemirror/mode/javascript/javascript.js'
+import 'codemirror/mode/xml/xml.js'
 
 import Codemirror from 'codemirror'
+
 import Vue from 'vue/dist/vue.js'
-import VueCodemirror, { codemirror, install } from '../../../src/index.js'
 
-// language
-import 'codemirror/mode/javascript/javascript.js'
-import 'codemirror/mode/xml/xml.js'
+import VueCodemirror, { CodeMirror, codemirror, install } from '../../../src/index.js'
 
 window.Vue = Vue
 
@@ -197,6 +197,45 @@ describe('vue-codemirror', () => {
     })
   })
 
+  describe('Emit custom event on codemirror object', () => {
+    it(' - should capture custom event', done => {
+      const eventLogs = []
+      const vm = new Vue({
+        template: `
+          <div>
+            <codemirror ref="cm"
+                        v-model="code"
+                        :events="events"
+                        @custom="onCustom">
+            </codemirror>
+          </div>
+        `,
+        data: {
+          code: '<p>test content</p>',
+          events: ['custom']
+        },
+        computed: {
+          cm() {
+            return this.$refs.cm
+          },
+          codemirror() {
+            return this.cm.codemirror
+          }
+        },
+        methods: {
+          onCustom(codemirror) {
+            eventLogs.push('onCustom')
+          }
+        }
+      }).$mount()
+      CodeMirror.signal(vm.codemirror, 'custom', vm.codemirror)
+      vm.$nextTick(() => {
+        expect(eventLogs[0]).to.deep.equal('onCustom')
+        done()
+      })
+    })
+  })
+
   // 局部安装
   describe('Local install component', () => {
     it(' - should work', done => {