首页 > 解决方案 > 如何找到组件,作为插槽传递给子组件,开玩笑?

问题描述

我有一个组件,它使用另一个“包装器”组件并将它的所有主体作为插槽传递给它。
像这样的东西:

<template>
   <WrapperComponent>
      <Card />
   </WrapperComponent>
</template>

问题是 - 在开玩笑地测试父组件时如何找到这个“卡片”组件?
试过这样,但失败了:

describe('RegistrationModal', () => {
    const wrapper = mount(RegistrationModal, {
        localVue
    });
    test('Registration of private company', async () => {
        const PrivateCard = wrapper.findAllComponents(Card).at(0);
        await PrivateCard.trigger('click', ['private'] );
        expect(wrapper.vm.action).toBe('private');
        expect(wrapper.vm.step).toBe(1);
    });
});

标签: vue.jsjestjsnuxt.js

解决方案


推荐阅读