Question

我正在尝试为现有的Vue项目构建一些单元测试用例。我在那里找到了一些文档但是对于测试Watch，Promise和Then等函数没有用。有关Vue和这些插件的单元测试是否有任何具体和详细的指导原则？

目标vue定义了一个名为test的函数。

const vm = new Vue(target).$mount();
vm.test("message");

但错误信息是vm.test不是函数
我不知道为什么我不能使用target.vue中定义的函数同时，一旦我使用测试功能更改某些数据，目标vue将自动更新数据但似乎Vue.nextTick不适用于这种情况。在这一点上有人可以帮助我吗？非常感谢你的帮助。

Answer 1

Hellocomponent

export default {
  name: 'hello',
  data () {
    return {
      msg: 'Welcome to Your Vue.js App',
      test: 'Testing'
    }
  }
}

Hello.spec.js //用于测试Hello.vue

describe('Hello', () => {
  it('set correct default data', () => {
    expect(typeof Hello.data).to.equal('function')
    assert.typeOf(Hello.data, 'function')
    const defaultdata = Hello.data()
    expect(defaultdata.test).to.be.a('string')
    expect(defaultdata.test).to.equal('Testing')
  })
})

这是vue.js的Hello组件的测试用例，它是在创建新模板时自动创建的。这是使用Karma + Mocha + Chai。

如何使用Vue，Karma，browserify创建单元测试用例

1 个答案: