问题标签 [vue-jest]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
jsx - 如何使用 Jest 测试 JSX Vue3 组件
Vue文件中使用render和JSX写法如何通过Jest测试?大家能帮忙看看吗?
Vue文件使用typescript & render: button.vue(code)</p>
jest config -> jest.config.js (代码)</p>
babel.config.js(代码)</p>
项目包 v -> package.json
当我运行 button.spec.ts 错误时,如何用 jest 测试 Vue3 组件中的 jsx
javascript - Vue.js Jest 模拟了未调用的导入函数
再会,
我在以下 Vue.JS 单元测试中遇到了困难,其中没有调用模拟的导入函数 (catchException)。
我曾尝试使用“jest.mock”和“jest.spyon”方法,但结果相同。
功能:
Jest 单元测试:
出现以下错误:
expect(jest.fn()).toBeCalled()
预期呼叫数:>= 1 已接呼叫数:0
如果我删除模拟,该函数会被调用,但会出现以下错误:
匹配器错误:接收到的值必须是模拟或间谍函数
typescript - JEST 存根转换
在我的 Vue 项目中,我正在使用 Jest 实现测试,但使用转换的 Vuetify 组件存在一些问题。
谷歌搜索了一段时间后,我发现了以下代码片段:
当我包含代码时,测试通过,但我的编译器('yarn dev')不会接受代码并告诉我:
类型 '{ render: (h: any) => any; 上不存在属性 '$options' }'。
我需要配置更多的东西来编译代码吗?
抱歉,如果我没有提供足够的代码,但我要找一位同事,而且我不是前端专家。
vue.js - 使用时无法使用 Jest 访问 Vue 单文件组件中的方法
I'd like to test specific methods in my Vue Single File Components using Jest. I'm using Vue 3 with the Composition API, and I would like to use the <script setup>
approach but it appears to prevent this.
This works:
Component:
#xA;Test:
#xA;This doesn't work:
Component:
#xA;Test:
#xA;Is there another way to accomplish this, or is accessing the methods within the component not possible with the <script setup>
approach?
Edit: Specifically looking for solutions that don't require mounting the gadget with something like vue-test-utils.
typescript - TypeError:无法要求`.d.ts`文件
堆
- Vue 3.2.19
- @vue/test-utils 2.0.0-rc.15
- 打字稿4.1.6
问题
运行命令时出现问题vue-cli-service test:unit --no-cache
。
请检查类型错误
(链接到 CI https://github.com/baronkoko/vue-unit-tests-type-error/runs/3728921894?check_suite_focus=true)
在 Vue 组件中使用时发生,从节点模块导入 typescript 文件,其中又存在另一个 typescript 文件导入
例子.spec.ts
你好世界.vue
fake-util.ts
助手.ts
完整示例https://github.com/baronkoko/vue-unit-tests-type-error
可能的解决方案:
将扩展名添加到导入的文件中,但它看起来像这样
// @ts-忽略
从“./helpers.ts”导入{ Helpers };
为 jest.config.js ts-jest 启用 isolatedModules
全局变量:{“ts-jest”:{ isolatedModules: true, }, },
但是随后我们会得到很多 SyntaxError,例如,如果存在可选链接SyntaxError
请问有人可以帮忙吗?
vue.js - VueJS 和 Jest。使用本地导入的 mixin 测试组件
我正在通过重新创建 MineOS 界面来学习 VueJS。我复制了一堆功能而没有实际调用后端。我遇到了单元测试的问题。看起来我已经尽我所能,但我认为我的 mixin 方法没有被调用。我认为我正在做的是:
- 用我的测试模拟商店/状态(我在我的登录规范中做了)。
- 模拟 mixin 使用的动作并分配给 store,它应该映射到 mixin 中。
- 用 235 填充 java_xmx 输入,然后触发输入事件。
- 触发下一个刻度
- 询问动作以查看它是否被调用。
是使用 mixins 进行测试以全局导入和模拟的唯一方法吗?
javaoptions.vue
JavaSettings.spec.js
updateconfig-mixin.js
终端输出
javascript - 由于转换错误,jest 测试套件无法运行
我目前正在运行一个非常简单的笑话测试套件,
当我运行时,yarn test:unit
我收到以下错误,
TypeError:开玩笑:转换必须导出
process
函数。
我的 jest.config.js 看起来像这样,
我完全不知道为什么我不能运行我的测试或我缺少什么。