javascript - Vue.js testing : props validation, 如何用JEST测试Vue console.error log

Question

在使用 Jest 测试我的新 VueJS 项目时，我遇到了由 props 验证引起的问题。

我所有具有适当模拟数据的测试都通过组件的验证器。

我想在模拟错误数据并将其传递给组件时测试情况。我知道当组件的 validator 返回 false 时，vue.common.js console.error this:

console.error node_modules/vue/dist/vue.common.js:576
[Vue warn]: Invalid prop: custom validator check failed for prop "SOMETHING".

我想在我的 Jest 测试中捕获这个错误，但是我尝试过的以下方法都不适合我:

1. 使用 spyOn(console, 'error') 然后使用 except(spy.calls.mostRecent()).toHaveBeenCalled()。

2. 像这样在全局变量中注册 console.* global.console {...}

我不知道我现在应该尝试什么或者我做错了什么。

感谢您的回答，干杯。

Answer 1

已解决:

我不得不使用我的 wrapper.vm 对象，像这样:

expect(wrapper.vm.$options.props.YOUR_PROPS_OBJECT.validator(YOUR_WRONG_PROPS)).toBe(false);