Javascript Vue测试工具:';[对象对象]';不是有效的选择器
我试图通过包装器的Javascript Vue测试工具:';[对象对象]';不是有效的选择器,javascript,unit-testing,vue.js,vue-test-utils,Javascript,Unit Testing,Vue.js,Vue Test Utils,我试图通过包装器的ref属性获取元素,但它抛出了如下所示的错误 根据,我使用的find似乎是正确的 SyntaxError: '[object Object]' is not a valid selector 13 | const lis = wrapper.findAll('li'); 14 | > 15 | const a = wrapper.find({ ref: 'first' }); | ^
ref
属性获取元素,但它抛出了如下所示的错误
根据,我使用的find
似乎是正确的
SyntaxError: '[object Object]' is not a valid selector
13 | const lis = wrapper.findAll('li');
14 |
> 15 | const a = wrapper.find({ ref: 'first' });
| ^
16 |
17 | console.log(a);
18 |
at emit (node_modules/nwsapi/src/nwsapi.js:565:17)
at _querySelectorAll (node_modules/nwsapi/src/nwsapi.js:1513:9)
at Object._querySelector [as first] (node_modules/nwsapi/src/nwsapi.js:1424:14) at VueWrapper.find (node_modules/@vue/test-utils/dist/vue-test-utils.cjs.js:192 at Object.it (tests/unit/example.spec.js:15:23)
您可以通过
this.$refs.获得您的ref值。首先根据以下情况,不推荐使用find
:
弃用警告
使用find
搜索组件已被弃用,将被删除。改用findComponent
现在看来,这种支持已经完全取消了<代码>查找当前仅接受选择器字符串
要通过ref
名称查找组件,请改用:
wrapper.findComponent({ref:'first'})
在组件内部是的,但在文件“.spec.js”中,我正在用jest测试组件,它是不同的