Jest /酶中的模拟基名
Jest是一个基于JavaScript的测试框架，而酶（Enzyme）是一个用于React组件测试的JavaScript工具库。在测试过程中，模拟（mocking）是一种常见的技术，用于模拟测试中的依赖项或外部资源。
模拟基名（mocking framework）是指用于创建和管理模拟对象的工具或库。它允许开发人员在测试中替代真实的对象，以便更好地控制测试环境并模拟特定的行为。
Jest和酶中的模拟基名提供了丰富的功能来模拟对象和函数。它们可以帮助开发人员在测试中创建模拟对象，定义模拟对象的行为，并验证模拟对象的交互。
Jest的模拟基名功能包括：
- 模拟函数：可以使用
jest.fn()创建一个模拟函数，用于替代真实函数，并可以跟踪函数的调用、参数和返回值。 - 模拟模块：可以使用
jest.mock()来模拟整个模块，以便在测试中替代模块的导出内容。 - 模拟定时器：可以使用
jest.useFakeTimers()来模拟定时器，以便在测试中控制时间的流逝。 - 模拟异步操作：可以使用
jest.fn().mockResolvedValue()或jest.fn().mockRejectedValue()来模拟异步操作的返回值，以便在测试中避免真实的异步调用。
酶中的模拟基名功能包括：
- 模拟组件：可以使用
shallow()函数来创建一个浅渲染的组件实例，以便在测试中对组件进行断言和交互。 - 模拟事件：可以使用
simulate()函数来模拟组件上的事件，以便在测试中验证事件处理函数的调用和行为。 - 模拟状态：可以使用
setState()函数来模拟组件的状态变化，以便在测试中验证组件对状态变化的响应。
Jest和酶的模拟基名功能使得开发人员可以更轻松地编写和维护测试代码，同时提供了丰富的断言和验证工具，以确保代码的正确性和稳定性。
腾讯云提供的与Jest和酶相关的产品和服务包括：
- 云函数（Serverless Cloud Function）：腾讯云的无服务器计算服务，可以用于部署和运行Jest和酶测试代码。
- 云开发（Tencent Cloud Base）：腾讯云的一站式后端云服务，提供了丰富的云端资源和工具，可用于支持Jest和酶测试的开发和部署。
- 云测试（Tencent Cloud Testing）：腾讯云的测试服务，提供了全面的测试解决方案，包括性能测试、安全测试、自动化测试等，可用于扩展Jest和酶的测试能力。
请注意，以上提到的腾讯云产品和服务仅作为示例，供参考和了解。在实际应用中，建议根据具体需求和场景选择适合的产品和服务。
相关·内容
2回答
使用酶模拟在确认窗口中单击"Ok“或"Cancel”
javascript、reactjs、jestjs、enzyme
如何使用jest和酶模拟点击window.confirm中的Ok或Cancel？
浏览 8提问于2018-02-11得票数 13
回答已采纳
4回答
Jest +酶:试验剩余形式
react-redux、jestjs、jsx、redux-form、enzyme
我的应用程序有很多redux表单。我使用Jest和酶进行单元测试。但是，我没有测试redux表单。我的组件是一个登录表单，类似于：
import { login } from './actions';
export class LoginForm extends React.Component<any, any> {
onSubmit(values) {
this.props.login(values, this.props.redirectUrl);
}
render() {
const { handleSubmit, status
浏览 0提问于2018-04-05得票数 8
2回答
componentWillMount前酶模拟功能
javascript、reactjs、jestjs、jsx、enzyme
我可以模拟组件的功能(使用Jest、酶和反应)如下：
let wrapper = shallow(<Component />);
wrapper.instance().load = jest.fn(function(ref) {
this.setState({ loading: false, notice: {thing: 'thing'} });
});
wrapper.update();
我的load函数实际上由componentWillMount调用。在我重载函数之前，componentWillMount似乎是被调用的。
那么，在实际构建组件之前，是否有一
浏览 0提问于2018-09-25得票数 1
回答已采纳
1回答
如何在react测试库中使用jest.spyOn
reactjs、enzyme、react-testing-library
我正在将一个类组件重构为一个函数组件。
在我的测试文件中，我使用的是酶，但我正在迁移到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
3回答
$.ajax的Jest单元覆盖范围
jquery、reactjs、unit-testing、jestjs、enzyme
我想使用jest和酶在我的react方法中测试$.ajax方法，以获得单元覆盖率。
$.ajax({
url: `url`,
type: "GET"
}).done(data => {
//dosomething
}).fail(err => {
//do something else
});
我如何模拟$.ajax来覆盖成功和错误部分的测试？
浏览 0提问于2020-01-28得票数 0
3回答
小丑:我怎么才能模拟出动画循环呢？
react-native、jestjs、react-animated
我正在尝试运行一个动画组件的快照测试，该组件具有以下动画代码(在componentDidMount上称为)：
animate() {
Animated.loop(
Animated.sequence([
Animated.timing(this.state.pulseAnimation, {
toValue: 1,
duration: 1000,
easing: Easing.in(Easing.ease)
})
]),
{
iterations: this.props.totalN
浏览 0提问于2018-06-18得票数 8
回答已采纳
1回答
使用jest模拟Node Http请求的回调响应函数
node.js、typescript、mocking、jestjs
嗨，我想在Http请求函数中模拟响应。我在网络上找不到任何东西，它说明了如何模拟回调并将其传递给函数。
文件1: HTTPfile.ts
import https from 'https';
const putSampleDataAsync = (): Promise<string> => {
var options = {
host: 'sample.com',
path: '/upload',
method: 'PUT',
};
const body = [];
re
浏览 2提问于2020-07-30得票数 3
回答已采纳
2回答
如何通过酶和反应本土化的玩笑来模拟后退按钮
react-native、jestjs、enzyme
我无法通过使用带有react本机代码的酶类/玩笑来模拟硬件回退按钮。还提到我对酶/Jest的反应是新的--本土的
我遵循下面的链接并尝试实现。不幸的是，我无法做到这一点。
Sample.js，
import React, { Component } from "react";
import {
View,
Text,
BackHandler,
BackAndroid
} from "react-native";
componentWillMount() {
BackHandler.addEventListener('har
浏览 0提问于2019-02-12得票数 3
1回答
有没有一种将参数传递给模拟函数的方法？
javascript、ajax、unit-testing、jestjs
使用jest对单元测试，我有以下一行：
jest.mock('../../requestBuilder');
在我的文件夹里，我有
__mocks__
我的模拟requestBuilder.js所在的子文件夹。我的jest单元测试正确地调用了模拟requestBuilder.js。问题是，我的requestBuilder正在模拟ajax返回，因此我希望能够确定是否应该传回一个成功的或失败的服务器响应。理想情况下，我希望将一个参数传递到模拟函数中，以确定是否"ajaxSuccess: true/false“。我该怎么做？谢谢
浏览 0提问于2018-12-11得票数 1
回答已采纳
1回答
仅在函数数组上使用Jest模拟一个函数
javascript、jestjs、tdd
这是我的功能
//functions.js
const functions =
{
add: (a, b) => a + b,
average: (a, b) => functions.add(a, b) / 2
}
module.exports = functions;
我的测试开始了，
jest.mock("./functions"); // this happens automatically with automocking
const functions = require("./functions");
test(
浏览 1提问于2021-06-30得票数 3
回答已采纳
2回答
如何使用Jest模拟第三方包？
javascript、reactjs、mocking、jestjs、enzyme
我希望能够测试这个Swal()函数是否被调用。
它是模拟的，但我不熟悉Jest模拟库。
这在我的测试设置文件中：
jest.mock('sweetalert2', () => {
return {
Swal: () => {},
};
});
所以我只想让它返回一个函数。
在我的组件中，Swal是这样调用的：
doSomething = () => {
Swal({
title: 'Could not log in',
text: error.message,
type: 'error'
浏览 3提问于2018-06-08得票数 5
1回答
如何用Jest和酶测试useEffect内部的功能？
reactjs、typescript、testing、jestjs、enzyme
我正在用玩笑和酶测试我的成分。我想在加载整个页面时加载我的组件，所以我在useEffect中使用load事件，下面是我的代码
const RatingsAndReviews = (props: RatingsAndReviewsProps) => {
const [pageLoaded, setPageLoaded] = useState<boolean>(false)
const handleLoad = () => {
if (document.readyState === 'complete') {
setTimeout((
浏览 4提问于2022-04-21得票数 1
回答已采纳
3回答
jest中的jest.fn()和jest.spyOn()方法有什么区别？
reactjs、mocking、jestjs、spy
我正在为我的react项目编写单元测试用例，并使用jest和酶来编写测试用例。我看过那些开玩笑的文件
这解释了jest.spyOn()方法，但我没有完全理解。
因此，我想知道更多关于我们应该使用jest.fn()和应该/必须在哪里使用jest.spyOn()的具体位置的详细信息。这将是一个很大的帮助，如果可以解释为两个方法的例子。
谢谢
浏览 2提问于2019-08-25得票数 84
3回答
如何测试从父组件传过来的子组件中的回调点击？
javascript、reactjs、jestjs、enzyme
我有以下父组件：
import React, { Fragment } from 'react';
export class Parent extends Component {
constructor(props) {
super(props);
this.state = {
show: false,
};
}
onClick = () => {
// working
}
render() {
return (
<Fragment>
<Child
浏览 0提问于2019-05-10得票数 3
1回答
如何测试Redux的dispatch()是否已在React组件(Jest +酶)中调用
reactjs、redux、react-redux、jestjs、enzyme
我有很多调用dispatch() (Redux)的功能React组件。dispatch()函数本身是由react-redux的useDispatch()钩子传入的。
作为一个简化的例子：
const LogoutButton: FC = () => {
const dispatch: Dispatch = useDispatch();
return (
<button onClick={() => {
console.log("Clicked...") // To check that onClick() simulation i
浏览 3提问于2020-06-25得票数 4
回答已采纳
2回答
如何为作为道具传递给组件a并从中调用函数的HTML元素编写测试
reactjs、unit-testing、jestjs、enzyme
我需要对下面的代码进行单元测试。如何编写相同的测试。
如何触发处理函数，该函数必须从传递给Popover的页脚属性的Button触发单击
const React, {Component} from 'react';
const {Popover, Button} from 'slds'; // Any UI library
class My Component extends Component {
render() {
return(
<Popover
footer={
浏览 0提问于2019-08-27得票数 1
1回答
从Jest中的另一个函数调用模拟函数
javascript、jestjs、enzyme
我正在编写一个React，我想测试我的组件是否正确地获取数据；使用Jest和酶法。我想从我在开玩笑测试中正在嘲弄的另一个函数中调用一个模拟函数：
const axios = jest.mock('axios', () => {
const mockData = {
schools: [
{
id: 4,
title: 'ABC',
company: {
id: 41,
distance: '0.6 KM AWAY',
浏览 1提问于2018-12-13得票数 0
2回答
如何使用Jest和Enzyme测试通过props传入的函数？
javascript、reactjs、jestjs、enzyme
使用Jest和酶，我如何测试this.props.functionToTest是否在运行？
class TestComponent extends Component {
static propTypes = {
functionToTest: PropTypes.func
}
componentDidMount() {
this.props.functionToTest()
}
}
在Jest中，我尝试创建mockProps并在挂载组件时传入它们。
let props = {
functionToTest = jest.fn(() =>
浏览 6提问于2018-12-12得票数 5
回答已采纳
2回答
分派不是带有的函数反应测试库
javascript、reactjs、redux、react-redux、react-testing-library
我想测试组件是否向商店分派了一个操作，为此，我不得不模拟React的功能。
我使用useDispatch钩子获取dispatcher函数，并将其放入变量中，以便它们能够调用它。
当我运行测试时，即使模拟了useDispatch函数，它也会返回一个错误，说明它不是一个函数。
jest.mock('react-redux', () => ({
useSelector: jest.fn(),
useDispatch: jest.fn(() => {}),
}));
it('should be able open modal', () =>
浏览 3提问于2020-04-09得票数 4
回答已采纳
1回答
compose HOC的单元测试
reactjs、recompose
我如何用酶来测试这个HOC？我尝试过浅层，但它只覆盖了40%的组件。
export default compose(
withState('showDropdown', 'handleDropdown', false),
withHandlers({
handleClickOutside: props => () => {
props.handleDropdown(false)
},
menuItemClick: props => () => {
props.handleDropdo
浏览 0提问于2018-11-13得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
云直播活动推荐
腾讯云开发者
