Jest是一个由Facebook基于Jasmine制作的JavaScript单元测试框架,提供自动模拟创建和jsdom环境。它通常用于测试React组件。
测试套件运行失败...找不到模块'../build/Release/canvas.node'
Jest 无法在依赖项中找到包画布,即使它存在。纱线运行测试失败并出现以下错误。 包/first/src/layouts/EventsTable.spec.tsx ● 测试...
我这里有两种描述语法,第一个是用户未登录时的,第二个是用户登录时的。但不知何故,我认为我以错误的方式模拟了它,这两个语法相互影响返回
我有一个像这样的小型 redux 中间件 从 'react-router' 导入 { hashHistory } 从 '../actions/login-redirect' 导入 { REDIRECT_TO_LOGIN_REDIRECT_URL }; 导出默认商店 => 下一个 =...
如何模拟 javascipt new Date 以从浏览器控制台返回不同的日期
我使用的一个网站在不同日期显示不同的内容。在 JavaScript 中,它使用 new Date() 来确定当前日期,并使用当前日期来确定要显示的内容。 如果我
VTU 未读取传递给 mount() 函数的 props 对象
使用 props 对象挂载组件时,VTU 不会从传递给 mount() 函数的选项对象中读取 props,因此测试总是失败。 Otp.vue 使用 props 对象安装组件时,VTU 不会从传递给 mount() 函数的选项对象中读取 props,因此测试总是失败。 Otp.vue <template> <div class="otp-container" ref="otpContainer"> <input data-test="otp-input" v-for="(digit, index) in length" :key="index" type="text" maxlength="1" /> </div> </template> <script setup> import { ref, defineProps } from "vue"; const props = defineProps({ length: { type: Number, required: true, }, }); </script> Otp.spec.js import { mount } from "@vue/test-utils"; import Otp from "../../src/components/Otp.vue"; describe("Otp.vue", () => { it("should render n otp inputs", () => { const wrapper = mount(Otp, { props: { length: 5, }, }); const otpInputs = wrapper.findAll('[data-test="otp-input"]'); expect(otpInputs.length).toBe(5); //expect(otpInputs).toHaveLength(5); }); }); 我尝试使用shallowMount,它甚至说shallowMount不是一个函数 我预计 otp 输入的长度为 5(因为它是通过 props 传递的) 看起来props中只定义了<script setup>,但模板使用了length,所以尝试一下吧 v-for="(digit, index) in props.length" 或 import { toRef } from 'vue'; const length = toRef(() => props.length);
我已经阅读了 Mock dependency in Jest with TypeScript、Typescript and Jest:避免模拟函数上的类型错误以及 Stack Overflow 上的许多其他文章,但是虽然我可以让这段代码正常工作...
扩展 Jest 匹配器的 VS Code TypeScript 问题
我创建了自定义 Jest 匹配器来扩展预期与 AxiosResponse 对象的使用。尽管遵循扩展 Jest 匹配器类型的标准方法,TypeScript 无法识别我的 c...
将 Axios v0.27.2 升级到 v1.6.2 时出现问题
我正在用适配器改变Axios的结果状态来改变结果状态。 从“axios”导入 axios, { AxiosAdapter, AxiosError, AxiosResponse }; 从 &... 导入 httpAdapter
如何将变量从 beforeEach hook 传递到 jest 中的测试?
beforeEach(async () => { const sandbox = sinon.sandbox.create() ... }) 测试('/添加',()=> { // 这里如何使用沙箱? }) 我需要的是 ava 中的 t.context 之类的东西
我在 NestJS 应用程序中进行了 e2e 测试,我想测试受某些身份验证中间件保护的路径。 从'@nestjs/testing'导入{测试,测试模块}; 导入 { AppMod...
如何在React中使用Jest和RTL测试不良路由或404页面?
我想知道如何使用 Jest 和 RTL 测试不良路由和 404 页面。我尝试做一些示例测试,测试代码如下所示: test('当没有匹配路由时应该渲染找不到页面...
我已经为createAPI编写了这个RTK切片。 // notificationApi.slice.js 从“../../config/default”导入配置 从'@/utils/request'导入{prepareHeaders} 导入 { createApi, fetchBaseQue...
我们如何使用 RTL/jest 为以下代码编写单元测试用例?
从 'react' 导入 { useState, useRef, useEffect }; const useDimensions = ElementRef => { const [dimensions, setDimensions] = useState({ 宽度: 0, 高度: 0, 顶部: 0 }); const ref = 元素...
node-config 配置在打字稿笑话上下文中是“未定义”?
我有一个可在开发和生产中使用的打字稿模块。它使用 https://github.com/lorenwest/node-config 我试图将其导入 jest 来编写测试,它会抛出一个错误
Jest 覆盖率不是 100%,因为 defaultProp 函数应该被 test 覆盖
我有一个组件,当我用测试覆盖它时 - 覆盖率不是 100%,因为默认的 prop 函数没有被覆盖 收藏夹.defaultProps = { toggleFavorite: () => {} - 未覆盖...
fs.createReadStream 未用 Jest 触发
我正在使用 fs.createReadStream 来读取文件。当从文件中执行该函数时,它正在工作,触发事件(数据,结束)。 我需要编写一些单元测试,但是在调用
我正在尝试编写单元测试用例,但是当我对特定文件运行命令 npm run test 时,我收到错误 Cannot find module '@decorators' for nameexports I have added for my application。
这是我设置服务器的方法 常量服务器 = setupServer( http.post('http://172.17.0.1:3001/auth/confirm', async ({ request }) => { const newPost = wait request.json() as Req...
我们最近将部分代码库移至由 lerna 管理的共享包存储库。 该代码库的一部分包含我们的处理程序、commandHandlers、查询等。 有时,为了解析请求,...
无法从 PATH 中找到模块“babel-preset-env”您的意思是“@babel/env”吗?
Jest cli 突然停止工作,所有测试都失败并显示: 无法从“/PATH”找到模块“babel-preset-env” - 您的意思是“@babel/env”吗? 我确定这是某种不兼容