Javascript 为什么可以';t vue测试UTIL是否找到子组件?
我在模板中有下一个代码:Javascript 为什么可以';t vue测试UTIL是否找到子组件?,javascript,unit-testing,vue.js,vue-test-utils,Javascript,Unit Testing,Vue.js,Vue Test Utils,我在模板中有下一个代码: <th width="0%" class="px-3"> <b-checkbox :value="SELECTED_ALL_TEMPLATE" @input="TOGGLE_SELECT_ALL_TEMPLATE(!SELECTED_ALL_TEMPLATE)" /> </th> 我做错了什么 更新: 我发现了一种奇怪的行为。在本页中,我还有TableTh子组件: <
<th
width="0%"
class="px-3">
<b-checkbox
:value="SELECTED_ALL_TEMPLATE"
@input="TOGGLE_SELECT_ALL_TEMPLATE(!SELECTED_ALL_TEMPLATE)" />
</th>
我做错了什么
更新:
我发现了一种奇怪的行为。在本页中,我还有TableTh子组件:
<TableTh width="10%"
:sorting.sync="ordering.id"
:ordering-obj="ordering">
{{ $t.certs.table.codeOfTemplate }}
</TableTh>
但是为什么它对Checkbox不起作用呢?您是否尝试过
wrapper.find('bcheckbox-stub')
shallowMount
为所有子组件创建存根我发现一个奇怪的行为。另外,我在这个页面中有一个子组件:`{$t.certs.table.codeOfTemplate}`,并且这个测试通过了:``it('TableTh props',function(){const th=wrapper.find(TableTh);expect(th.props().sorting).toBe(wrapper.vm.ordering.id);````但是为什么它对Checkbox不起作用呢?顺便说一下,const checkbox=wrapper.find('b-heckbox-stub')代码>也不起作用如果您使用console.log:“wrapper.find(Checkbox)”,它会向您显示什么?
<TableTh width="10%"
:sorting.sync="ordering.id"
:ordering-obj="ordering">
{{ $t.certs.table.codeOfTemplate }}
</TableTh>
it('TableTh props', function () {
const th = wrapper.find(TableTh);
expect(th.props().sorting).toBe(wrapper.vm.ordering.id);
});