335得票28回答
如何解决在运行Jest测试时出现的“Cannot use import statement outside a module”的问题?

我有一个使用TypeScript、Jest、Webpack和Babel构建的React应用程序(不使用Create React App)。在尝试运行yarn jest时,我收到以下错误: 我尝试过删除所有软件包并重新添加它们,但这并不能解决问题。我查看了类似的问题和文档,但仍然不理解其中的某...

7得票1回答
React测试库和Jest中的模拟路由器

我正在使用React测试库和Jest编写单元测试,希望检查我的React组件是否成功地能够导航到下一页。 import { fireEvent, render, screen } from "@testing-library/react"; import React from 'react'...

12得票1回答
jest + typescript + es6模块(再次提及,2019年)- 语法错误:意外的令牌“export”

我仍然在使用jest,typescript和es6模块时遇到问题。我的测试用例是用typescript编写的,我试图从使用es6模块的js文件中导入对象。为了做到这一点,我遵循了jest文档并在位于项目根目录中的babel.config.js中添加了以下内容: module.exports ...

42得票5回答
Jest的transformIgnorePatterns无法正常工作

我已经花了很长时间查看其他与此相关的问题以及在Github上查看其他项目,但是没有一个答案对我起作用。我正在将第三方库加载到我的项目中,在运行Jest测试时出现错误export default portalCommunication; ^^^^^^ SyntaxError: Unexpect...

84得票9回答
在Jest中模拟`document`

我正在尝试使用jest为我的Web组件项目编写测试。我已经使用了带有es2015预设的babel。当加载js文件时,我遇到了一个问题。我遵循了一个代码片段,其中document对象具有currentScript对象。但在测试上下文中,它是null。因此,我想模拟相同的情况。但是jest.fn(...

9得票2回答
模拟挂载钩子的Jest测试单元

我正在对组件进行单元测试。然而,在某些组件中,我有一些在mounted钩子上运行的内容使我的测试失败。 我已经成功地模拟了我不需要的方法。但是,我想知道是否有一种解决方案可以模拟mounted钩子本身。 @/components/attendeesList.vue <template&...

10得票3回答
React Jest测试在使用ts-jest时无法运行 - 导入文件中出现意外的标记

我有一个测试,是在一个JSX文件中编写的针对TSX文件的测试,但由于出现了意外的标记(unexpected token),导致无法运行。 Test suite failed to run Jest encountered an unexpected token This ...

8得票1回答
如何在Jest中获取快照中的CSS样式

我有一个问题,不知道是否可以使用Jest +快照功能来获取结果。我有一个React组件,正在使用Jest进行测试。我想让快照包括CSS样式而不是className。当前我的快照如下: <div id="main" className="myClass"></div> ...

9得票1回答
Jest模拟未返回预期值

我发现我正在使用的一个模拟,其将返回一个字符串,看起来返回的是 jest.fn() 而不是模拟的“实现”,即 jest.fn().mockImplementation(...)。 我的调用方式如下: const mockDefaultQuery = 'query { mock }' jes...

38得票5回答
在Jest测试中,出现了“ReferenceError: React未定义”的错误。

以下是在浏览器中可以正常执行的代码: eval(Babel.transform(template, { presets: ['react'] }).code); 但是当我运行 Jest 测试时,出现了 ReferenceError: React is not defined 的错误。 我...