如何单元测试.tsx文件中setup定义的方法？

来源：3-12 vue3 模块化妙用- 鼠标追踪器

果珍有你_Hello

2020-12-11

图片描述
在.tsx组件文件中的setup方法中定义了一个方法（这个方法用了非方法内部定义的变量），想要在单元测试中调用它，测试它。如何写？
我直接const wrapper = shallowMount(HelloWorld); wrapper.vm点不出这个方法。没法调用它测试。vm类型不是any类型。
wrapper.vm也点不出这个组件中定义的变量，想给相关变量赋值后再调用方法去测试方法结果是否符合预期。

写回答

1回答

张轩

2020-12-12

同学你好我在我的环境下测试 vm 是 any 类型的不知道是不是我们的版本不一致在这里先 console.log(wrapper.vm)看看里面是是否有你测试的变量你可以先使用类型断言把它断言成 any 类型, 然后再进行测试。

果珍有你_Hello

我使用的不是.vue是 .tsx编写的组件代码。所以vm类型是如截图所示。及时断言成any类型也会报错。.tsx也不知道如何把定义的方法return出来。因为里面有两个return，第一个return出来这个方法没用。第二个return中的return 去return这个要测试的方法又会报错。。。改怎么办？

2020-12-12

共1条回复

Vue3 + TS 仿知乎专栏企业级项目

带你完成前后端分离复杂项目，率先掌握 vue3 造轮子技能

3142 学习 · 2313 问题

查看课程

相似问题

setup tsx中的插槽问题

回答 2

setup 语法糖导出 type 飘红

回答 3

老师请问在tsx中父组件如何接收子组件传递过来的方法呢

回答 1

在script setup中正确导出emitter实例

回答 1

请问老师 toRefs 在tsx语法中应该如何使用...展开

回答 2

打开慕课网App查看更多内容