使用 chai.spy 监听回调函数

FrankFang · Jun 24, 2018 · 0719419 · 0719419
1 parent 4b3e3dc
commit 0719419
Show file tree

Hide file tree

Showing 3 changed files with 13 additions and 4 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -27,6 +27,7 @@
   "devDependencies": {
     "@vue/component-compiler-utils": "^2.0.0",
     "chai": "^4.1.2",
+    "chai-spies": "^1.0.0",
     "node-sass": "^4.9.0",
     "parcel-bundler": "^1.9.2",
     "vue-template-compiler": "^2.5.16"

diff --git a/src/app.js b/src/app.js
@@ -17,6 +17,8 @@ new Vue({
 })
 
 import chai from 'chai'
+import spies from 'chai-spies'
+chai.use(spies)
 
 const expect = chai.expect
 // 单元测试
@@ -83,18 +85,18 @@ const expect = chai.expect
   vm.$destroy()
 }
 {
-  // mock
   const Constructor = Vue.extend(Button)
   const vm = new Constructor({
     propsData: {
       icon: 'settings',
     }
   })
   vm.$mount()
-  vm.$on('click', function () {
-    expect(1).to.eq(1)
-  })
+  let spy = chai.spy(function(){})
+
+  vm.$on('click', spy)
   // 希望这个函数被执行
   let button = vm.$el
   button.click()
+  expect(spy).to.have.been.called()
 }