代码之家 › 专栏 › 技术社区 › Hoang Subin

如何对已提供/注入的VUE组件进行单元测试?

vue-test-utils jestjs vuejs2 javascript

Hoang Subin · 技术社区 · 7 年前

我正在编写一些单元测试,但我遇到了问题,组件 inject

shallowMount . 我对此做了一些研究。有一种方法可以为你的电脑创建假数据 provide https://vue-test-utils.vuejs.org/api/options.html#provide . 但是,我没有看到任何信息或提示 .

所以,我需要一些关于如何使用进行单元测试的建议

1 回复 | 直到 7 年前

Slicksim 7 年前

在provide属性中设置的是用于注入已安装组件的内容。

在我的单元测试中

metadataModule = sandbox.createStubInstance(MetadataModule);
metadataService = sandbox.createStubInstance(MetadataService);

wrapper = shallowMount(MoveFileElement, {
        provide: {
            [SYMBOLS.METADATAMODULE]: metadataModule,
            [SYMBOLS.METADATASERVICE]: metadataService,
        },
        ....

export default class MoveFileElement extends Mixins(Utilities) {       
    @Inject(SYMBOLS.METADATAMODULE) public metadataModule!: IMetadataModule;
    @Inject(SYMBOLS.METADATASERVICE) public metadataService!: MetadataService;

现在该组件可以访问我在单元测试中准备的元数据模块的假版本。

推荐文章

Ekaterina M · 如何使用Jest和测试库在JavaScript中进行单元测试?

3 年前

Gpack · 是否可以使用Jest收集vm.runInContext加载的代码的覆盖率?

3 年前

johann · 模拟“aws sdk”的“S3”功能(nodeJS和Jest)

4 年前

hikky36 · 为什么开玩笑。fn()可以分配给Typescript中的任何函数?

4 年前

kyrolos magdy · 用jest和

4 年前

Parth Chitroda · 无法读取未定义的属性“displayName”。反应+玩笑+酶

4 年前

Cazs · 在React onChange中测试功能组件

4 年前

Anshu Verma · 使用Jest和酶测试内部使用效果

4 年前

Kristesiashvili · 如果不能捕获源代码中的更改,那么用mock编写单元测试有什么意义呢?

4 年前

Alex Barbosa · 开玩笑说一个功能失败了,另一个功能却没有

4 年前