vue.js - 如何找到组件,作为插槽传递给子组件,开玩笑?
问题描述
我有一个组件,它使用另一个“包装器”组件并将它的所有主体作为插槽传递给它。
像这样的东西:
<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);
});
});
解决方案
推荐阅读
- php - 从 bin2hex 函数压缩 PHP 中的十六进制数据
- php - Octobercms:多态关系错误
- java - 返回 OkHttp 异步结果有问题
- sql - 如何在列中选择 A 和 B 而不是单独选择 A 或 B?
- r - 计算组之间的距离(使用 UniFrac 或 Bray-Curtis 进行组比较)
- python - 通过子进程调用时,强制第 3 方程序刷新其输出
- c++ - 如何在容器类移动构造函数中移动分配器对象
- excel - 如何使用 laravel-excel 或 phpspreadsheet 在 excel 中创建下拉列表?
- wordpress - 如何为 AWS Ec2 WordPress 实例启动 PhpMyAdmin 或 MySQL Workbench?
- php - Laravel,PHP,显示 2 个 id 匹配的值