我们正在将一个非常大的项目移植到 Vue.js 中,并希望在我们进行时彻底实施我们的单元测试套件。
我们想验证组件在创建时是否设置了所有必需的属性,我的测试用例如下所示:
describe('Input', () => {
it('fail initialization with no value', () => {
const vm = mount(Input, {
propsData: {},
});
// expecting above to fail due to required prop 'value'
});
});
该组件Input
应包含一个属性value
。我可以通过控制台发出的警告看到它丢失了,但我们想在我们的单元测试中捕捉到它。直接测试这没有多大意义,但是一旦我们有嵌套多个组件的组件,确保每个组件正确初始化其子组件很重要,这是通过确保我们自己上述测试应该失败并被捕获失败来实现的。
然而,没有例外,我们有一些想法来挂钩,Vue.warnHandler
但这似乎只是为了确认构造函数按预期工作需要做很多工作。
是否有推荐的方法来使用 Vue.js 执行此操作?