A组分的Jest酶试验
是一种用于JavaScript代码测试的工具。Jest是一个开源的JavaScript测试框架，它提供了一套简单而强大的API，用于编写和运行各种类型的测试，包括单元测试、集成测试和端到端测试。
Jest酶试验是Jest框架的一个插件，它提供了一些额外的功能，用于方便地进行React组件的测试。它可以模拟React组件的渲染和交互，使得测试变得简单而直观。
Jest酶试验的优势包括：
- 简单易用：Jest酶试验提供了一套简洁的API，使得编写测试变得简单易懂。它提供了丰富的断言函数和模拟功能，可以轻松地编写各种类型的测试。
- 快速高效：Jest酶试验具有优秀的性能，它使用了一些优化策略，如并行执行测试、只运行受影响的测试等，可以快速地执行大量的测试用例。
- 强大的模拟功能：Jest酶试验可以方便地模拟React组件的渲染和交互，使得测试变得简单而直观。它提供了一些内置的模拟函数，如模拟事件触发、模拟异步请求等，可以模拟各种场景进行测试。
- 丰富的生态系统：Jest酶试验是Jest框架的一部分，可以与Jest的其他功能和插件无缝集成。Jest拥有庞大的社区和丰富的生态系统，提供了各种扩展和工具，可以满足不同项目的测试需求。
Jest酶试验适用于各种类型的React项目，包括单页面应用、多页面应用、移动应用等。它可以用于测试React组件的渲染、交互、状态管理等方面，帮助开发人员保证代码的质量和稳定性。
腾讯云提供了一些与Jest酶试验相关的产品和服务，包括：
- 云函数（Serverless Cloud Function）：腾讯云的云函数服务可以用于部署和运行Jest酶试验的测试代码。它提供了弹性的计算资源和自动扩缩容能力，可以快速地执行测试用例。
- 云开发（Tencent Cloud Base）：腾讯云的云开发平台可以用于构建和部署基于Jest酶试验的应用。它提供了一套完整的开发工具和服务，包括云数据库、云存储、云函数等，可以方便地进行全栈开发和测试。
- 云监控（Cloud Monitor）：腾讯云的云监控服务可以用于监控和分析Jest酶试验的测试结果。它提供了实时的监控指标和告警功能，可以帮助开发人员及时发现和解决测试中的问题。
更多关于腾讯云的产品和服务信息，请访问腾讯云官方网站：https://cloud.tencent.com/
相关·内容
我正试着在反应中做些玩笑/酶试验
我有个测试：
import React from 'react';
import { shallow } from 'enzyme';
import { mount } from 'enzyme'
import WorkOutForm from './workOutForm';
describe('WorkOutForm', () => {
it('should start a new workoutForm with empty state'
浏览 1提问于2019-08-28得票数 0
回答已采纳
我已经做了redux和saga测试，但现在我想测试结合redux-saga测试与酶和jest.is它可能与jest和酶。
浏览 18提问于2019-04-18得票数 0
3回答
我试着用玩笑和酶来测试我的反应成分。
当我在特定的测试用例中将酶导入到json时，它可以工作。但是，我不想手动地做它，我想配置jest来完成它。
我已经尝试过在我的jest配置中添加"snapshotSerializers"：“酶到json/序列化程序”，但它似乎不起作用。
如何将jest配置为在包装上使用酶对json？
这段代码起作用
Header.test.js
import React from 'react'
import { shallow } from 'enzyme'
import toJSON from 'enzyme-t
浏览 0提问于2019-03-25得票数 1
回答已采纳
1回答
用Jest和酶测试路由器v4
、、、、
我有一个简单的应用程序他们使用的反应路由器v4
const App = () => (
<Switch>
<Route exact path="/" component={() => <div>Home</div>}/>
<Route path="/profile" component={() => <div>Profile</div>}/>
<Route path="/help" component={() =
浏览 5提问于2017-06-08得票数 12
回答已采纳
我试图将测试添加到我的应用程序中，但是测试失败了，出现了以下错误：
测试套件无法运行
node_modules/jest-runner/build/run_test.js:71:23中的TypeError: environment.setup不是一个函数
下面是我在项目中使用的配置文件：
.babelrc
{“预设”："env"，“rest”，"plugins"："transform-class-properties"，“transform-object-rest-test”，"env"：{ "test"
浏览 0提问于2018-02-28得票数 1
我正在使用jest和酶来构建这个测试，但是在构建它的时候我遇到了这个错误。
这就是测试
import React from 'react';
import { shallow, render } from 'enzyme';
import Title from './../';
describe('Title', () => {
it('should render correctly', () => {
const TitleDOM = render(<Title />);
浏览 0提问于2017-11-22得票数 4
2回答
令我惊讶的是，许多博客都在编写单元测试，以便同时使用Jest和酵素进行反应应用程序。不能，我们用唯一的玩笑或唯一的酶来编写反应应用程序的单元测试？
如果是的话，为了得到一个成分，我们在酶中使用浅层()，而在Jest中使用什么？
浏览 5提问于2020-05-12得票数 0
回答已采纳
我有一个使用酶的简单应用程序，我只想呈现html节点，而不是组件：
const container = mount(<Hello />);
expect(toJson(container)).toMatchSnapshot();
当前结果：
// Jest Snapshot v1
exports[`Hello should render 1`] = `
<Hello>
<a />
</Hello>
`
预期结果：
// Jest Snapshot v1
exports[`Hello should render 1`] = `
&
浏览 1提问于2019-07-26得票数 0
是否有义务用Jest和酶来模拟useState钩子？因为对于一个简单的组件来说，这是很复杂的。
酶的simulate函数在这种情况下有效吗？
浏览 4提问于2022-01-02得票数 1
回答已采纳
嘿，伙计们，我有一个在react原生中运行jest和酶的项目，我想知道目录.jest是否应该是gitignored？
浏览 3提问于2017-08-07得票数 2
1回答
如何测试没有呈现方法的本机类？
、、、、
我正在构建一个移动应用程序，并在尝试对代码进行单元测试时遇到了一个问题。目前，我确实在测试中同时使用了Jest和酶。
我如何能够在不包含呈现()方法和“扩展为组件”的特定类/文件中测试这些方法？此类用于从API中查询信息并将其保存到变量中。
关于Jest和酶的文献
似乎专注于测试呈现的组件。
浏览 1提问于2017-01-05得票数 0
回答已采纳
我最近为我的react项目做了jest酶的配置。问题是来自react代码的任何警告都会导致我的测试用例失败。有没有办法进行jest酶配置，这样即使出现一些警告，我的测试也能运行？我的代码是全功能的，我想忽略测试的警告，只想让我的测试用例运行，而不是在出现任何小警告时立即失败。
浏览 1提问于2017-05-20得票数 3
我正在将一个类组件重构为一个函数组件。
在我的测试文件中，我使用的是酶，但我正在迁移到react-testing-library
这是我用酶做的测试
it('should change module when clicked button login', () => {
const wrapper = mount(<SignUp setModuleCallback={jest.fn()} />)
const instance = wrapper.instance()
jest.spyOn(instance, 'setMo
浏览 2提问于2020-12-01得票数 1
SyntaxError:无法在模块外使用导入语句
at ScriptTransformer.transform (node_modules/@jest/transform/build/ScriptTransformer.js:579:25)
用Jest +酶库执行测试用例时抛出错误
浏览 2提问于2022-07-18得票数 -1
1回答
酶安装困难
、、、、
所以我一直在使用创建-反应-应用程序，并希望实现测试。因此，我阅读并遵循创建反应-应用程序回购安装酶。
我安装并运行烟雾测试。
npm试验
import React from 'react';
import { shallow } from 'enzyme';
import App from './App';
it('renders without crashing', () => {
shallow(<App />);
});
然后我在控制台中得到了这个错误。
确定run...events.js
浏览 0提问于2018-07-24得票数 0
2回答
我正在建立一个应用程序与反应。我隐藏一个文件输入元素(<input type="file"/>)“后面”一个反应引导Button，以便能够控制样式。因此，当单击按钮时，我转过身，在文本输入元素上触发一个合成单击事件，如下所示。
class OpenFileButton extends React.Component {
...
clickHandler() {
this.refs['input'].click();
}
render() {
return (
<ButtonGroup>
浏览 7提问于2017-03-04得票数 2
回答已采纳
如何使用jest和酶模拟点击window.confirm中的Ok或Cancel？
浏览 8提问于2018-02-11得票数 13
回答已采纳
我正在用Jest和酶为我的react组件编写测试用例。我有一个使用了indexOf方法的组件。现在，当我运行Jest时，它显示该特定行的测试未被覆盖。
覆盖范围报告：
浏览 2提问于2018-06-28得票数 0
我让一个React组件导入另一个React HOC。 我的React HOC： import { withRouter } from "react-router";
...
const InnerComponent: FC<any> = (props): ReactElement => {
...
}
const withData = compose(
graphql(SOME_QUERY, {
props: mapProps,
options,
}),
injectIntl
);
export default withRou
浏览 17提问于2021-04-15得票数 0
长期以来，我们一直使用酶来测试我们的反应组分，但我们已经开始逐步迁移到反应测试库中。
当尝试在RTL测试中使用toHaveValue匹配器时，它会失败，因为同名的酶匹配器将被调用。有没有一种方法，我可以“告诉”一个特定的测试文件使用匹配从玩笑？
根据安装文档，我已经将酶和jest匹配器添加到我的存储库中。
浏览 4提问于2021-12-17得票数 0
js和react newbie...playing以及测试框架……下面是代码：
import React from 'react';
// import CheckboxWithLabel from '../CheckboxWithLabel';
import {shallow} from 'enzyme'; //not installed...
//var x = require ('../CheckboxWithLabel.js');
test('CheckboxWithLa
浏览 1提问于2018-11-15得票数 15
回答已采纳
我正在尝试改进一些React代码的codecoverage，它看起来像这样：
export default class WuTangClan {
constructor(props) {
super(props);
this.setState(this.getCookie('36chambers'));
}
getCookie(name) {
const value = `;${document.cookie}`;
const parts = value.split(`; ${name}=`);
let toReturn;
浏览 0提问于2018-12-28得票数 0
5回答
我已经读过src/setupTests.js应该在每个测试之前加载，但是我仍然看到每个测试都失败了，错误：
“酶内部错误:酶期望配置适配器，但没有发现任何适配器。”
这是我的src/setupTests.js
import Enzyme from 'enzyme';
import Adapter from 'enzyme-adapter-react-16';
import 'whatwg-fetch';
Enzyme.configure({ adapter: new Adapter() });
这是我的package.json：
浏览 3提问于2018-12-05得票数 10
回答已采纳
我已经用create-react-app创建了一个空应用程序。它在pckage.json上提供了一个测试脚本，并提供了一个示例App.test.js。在第一步中，我希望根据的文档设置测试环境。在我的应用程序中，我将使用localStorage。假设像下面这样的动作要被测试
export const cancel = () => {
localStorage.removeItem("MyAppData");
return { type: types.USER_CANCEL};
};
除了酶部分外，还说明了如何初始化localStorage。所以我得到了一个setup
浏览 1提问于2018-09-10得票数 5
回答已采纳
我有onClick函数
private onClick(e: React.MouseEvent<HTMLButtonElement>) {
if (e) {
this.props.log();
}
}
如果onClick有一个事件，我如何使用jest和酶进行测试
it("should not log if has mouse event", () => {
const onClickSpy = jest.fn();
const logSpy = jest.fn();
浏览 3提问于2018-06-19得票数 1
2回答
可选的链运算符jest测试
、、、、
更新到jest测试，并向社区寻求方向。我需要围绕以下代码块编写一个jest测试。该环境利用了jest、酶和chai。我到处寻找可选的链式运算符测试的例子。任何例子或链接，任何人都可以提供给我在正确的方向。
<TableCell
key={i}
size={columnResizing?.columnWidths[column.id] || column.size}
/>
浏览 5提问于2020-09-16得票数 3
1回答
我正在用Jest和酶测试嵌套的Redux容器。
如果一个子嵌套组件类名为MyComponent，而我则用酶来呈现它们，则它们在快照中显示为：
<Connect(MyComponent) myProp='someValue' />
有办法用酶找到这些容器吗？下列情况失败：
expect(wrapper.find(MyComponent)).toHaveLength(1);
expect(wrapper.find('MyComponent')).toHaveLength(1);
expect(wrapper.find('Connect(MyCo
浏览 0提问于2017-09-26得票数 0
回答已采纳
我正在做一个项目，当我试图运行npm run build时，我得到了一个错误，上面写着“CI不被识别”，我一直在寻找答案，却什么也找不到。
，，这是我在gitbash得到的：
“‘CI”不被识别为内部或外部命令、可操作的程序或批处理文件。npm错误！代码ELIFECYCLE npm错误！错误1国家预防机制错误！barhop@0.1.0预置：CI=true react-scripts test --colors npm！退出状态1 npm错误！npm错误！barhop@0.1.0预编译脚本失败。npm错误！这可能不是npm的问题。上面可能还有额外的日志输出。npm错误！这个运行的完整日志可以在:
浏览 1提问于2021-01-16得票数 1
假设我有这个功能反应组件。
const SomeComponent = ({ onShow }) => {
React.useEffect(onShow, []);
return <div />;
};
现在我要进行单元测试，SomeComponent在第一次呈现时调用onShow。
可以用enzyme吗？
我试过实现两种非常相似的测试，区别是第一种是使用酶，另一种是使用反应测试库。
使用react测试库的测试通过了，但是酶测试失败了，尽管它们测试的代码相同。
示例：
import * as reactTestingLibrary from "react-t
浏览 1提问于2019-05-10得票数 3
我正在为我的react项目编写单元测试用例，并使用jest和酶来编写测试用例。我看过那些开玩笑的文件
这解释了jest.spyOn()方法，但我没有完全理解。
因此，我想知道更多关于我们应该使用jest.fn()和应该/必须在哪里使用jest.spyOn()的具体位置的详细信息。这将是一个很大的帮助，如果可以解释为两个方法的例子。
谢谢
浏览 2提问于2019-08-25得票数 84
我有一个React + TypeScript应用程序，这是SSR。我将Material-UI与SSR指令一起使用，如下所述： https://material-ui.com/guides/server-rendering/ 我的很多组件都是有状态的，我用Jest + Enzyme来测试它们。下面是一个这样的组件： export interface CounterProps {
propExample: string;
classes: any;
}
export interface CounterState {
counter: number;
error: boolean
浏览 18提问于2019-06-02得票数 1
1回答
如何使用Jest和酶测试FlatList？我不知道如何检查它是否有keyExtractor。
it('flatlist should have keyExtractor', () => {
wrapper
.find('FlatList')
.props()
.keyExtractor();
});
});
浏览 14提问于2019-10-24得票数 0
回答已采纳
1回答
我正试着用酶和玩笑为反应的天然成分写一个基本的测试。我得到了一个错误，暗示酶没有被正确地导入：
● SearchPage › it starts spinner when page is loading
- ReferenceError: _enzyme is not defined
at Spec.eval (__tests__/basic-test.js:12:16)
1 test failed, 0 tests passed (1 total in 1 test suite, run time 1.113s)
npm ERR! Test failed. See ab
浏览 3提问于2016-03-03得票数 1
回答已采纳
如何为下面给定的代码使用jest和酶法编写测试用例。
const mapDispatchToProps = dispatch => ({
getTicketTypes: (request) => dispatch(ticketTypeActions.processTicketTypeRequest(request))
});
浏览 9提问于2022-09-11得票数 -1
我正在使用覆盖率报告生成器自动检查拉取请求检查等文件中的单元测试覆盖率行。 然而，使用Jest和酶，我无法涵盖影响覆盖率%的useEffect()代码，如下所示。如何覆盖useEffect钩子中的代码行？这在Jest/Enzyme中是可能的吗？ ?
浏览 27提问于2021-11-09得票数 1
我目前正在使用标志--coverage来获取项目中测试覆盖率的一个很好的摘要：
node_modules/jest/bin/jest.js --coverage
有没有办法只获取json、xml或html文件中通过测试和失败测试的数量？
我用的是react-native +酶。
浏览 1提问于2017-08-16得票数 2
假设我在我的react组件中有这个方法
handleSubmit(){
if (this.state.fireRedirect === false){
this.setState({ fireRedirect: true }, () => { this.addEndpoint() });
}
}
如何使用Jest和酶测试addEndpoint？
浏览 1提问于2018-02-22得票数 1
回答已采纳
1回答
我们可以使用酶、jest为样式编写单元测试吗？例如，可见性项目
display: none;
wrapper.get(0).style - do not work for me
浏览 0提问于2017-11-08得票数 0
写测试我的反应应用与Jest &酶已经沉重打击我，因为我无法建立酶与Jest。
下面是当我在测试文件import React from 'react';中使用这一行时会遇到的错误
FAIL src\App.test.js
● Test suite failed to run
D:\experiements\react\my-app\src\App.test.js:1
({"Object.<anonymous>":function(module,exports,require,__dirname,__filename,g
浏览 0提问于2018-03-16得票数 5
我一直试图根据jest-enzyme设置，但Jest似乎没有注册jest-enzyme插件。
我已经缩略了下面的一些片段。
package.json
{
"scripts": {
"test": "jest"
},
"dependencies": {
"@emotion/core": "^10.0.27",
},
"devDependencies": {
"enzyme": "^3.11.0",
&#
浏览 2提问于2020-02-06得票数 1
1回答
我正在尝试测试React按钮组件的文本是否会在单击时发生变化。下面是我正在测试的组件中返回的大致内容(让我们称之为RandComponent)： return (<>
...
<ButtonComponent
data-testid='testButton'
>
{getButtonText()}
</ButtonComponent>
</>) 我希望能够访问getButtonText()在Jest中返回的任何内容。我在网上看过，在酶
浏览 13提问于2020-10-29得票数 0
我想用酶来测试我的反应--世博管理项目中的天然成分。我跟踪的文档，但现在我得到了：
Test environment found at "/Users/raarts/myproject/node_modules/jest-environment-enzyme/lib/index.js" does not export a "getVmContext" method, which is mandatory from Jest 27. This method is a replacement for "runScript".
我的猜测是，jest-e
浏览 52提问于2022-01-29得票数 1
我目前正在使用以下堆栈设置单元测试：
react (v15)组件使用类型记录(.tsx)编写
测试设置由jest(v21)和酶(V3)完成。
测试文件以普通js-文件的形式编写。
不幸的是，当我不断出错时，酶似乎出了点问题：
wrapper = enzyme.shallow(<Stepper>bla</Stepper>)
^
SyntaxError: Unexpected token <
at new Script (vm.js:51:7)
at Generator
浏览 1提问于2018-02-05得票数 1
回答已采纳
我有以下内容：
export const DeviceModule = (props: Props) => {
const [isTooltipVisible, changeTooltipVisibility] = useState(false)
const deviceRef = useRef(null)
useEffect(() => {
if (deviceRef && deviceRef.current) {
deviceRef.current.addEventListener(EVENT_TYPE.MOUSEOVER, ()
浏览 0提问于2021-03-10得票数 1
回答已采纳
1回答
在jest和酶中。如何找到所有元素的数量(孩子，孩子的孩子等)内部包装器。wrapper.children().length仅输出包装器的直接子项
浏览 12提问于2020-05-01得票数 0
回答已采纳
我正在尝试为我的React组件编写一个测试，使用TypeScript、Jest作为我的测试运行器，并使用酶来测试我的React组件。每当我将我的组件传递给shallow酶函数时，我就会得到ts错误"'Navbar‘引用了一个值，但在这里被用作一个类型。“，下面我得到了一个eslint错误"Parsing error：'>’expected”。
我在其他一些组件上尝试过，当作为参数传递到shallow函数时，所有组件都有相同的错误。我怀疑这可能与我的TS配置有关，但在我的生活中，我似乎找不到解决方案。
下面是Navbar.tsx的代码：
import Rea
浏览 1提问于2019-10-11得票数 20
回答已采纳
2回答
你好，这是我第一次使用Jest。我试图配置它与酶和webpack一起工作。我将它添加到我的package.json文件中以进行测试：
"scripts": {
"test": "jest",
"test:watch": "jest --watch",
}
还有滑稽的配置：
"jest": {
"setupTestFrameworkScriptFile": "<rootDir>_tests_/setup/setupEnzyme.
浏览 0提问于2018-08-24得票数 2
回答已采纳
我试着用Jest +酶测试useState和useEffect的反应钩子，但是我找不到方法，有人能帮忙吗？
const [sPlaceholder, setSPlaceholder] = useState('');
useEffect(() => {
setSPlaceholder('abcd');
if (s === '') {
dispatchUpdateSPlaceholder(searchPlaceholder);
}
}, [sPlaceholder]);
浏览 1提问于2019-05-09得票数 4
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
