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);
  });