如何在jest中正确使用axios.get.mockResolvedValue进行异步调用
在jest中正确使用axios.get.mockResolvedValue进行异步调用的方法如下：
- 首先，确保你已经安装了axios和jest这两个库。
- 在你的测试文件中，导入axios和jest：
import axios from 'axios';
import { jest } from '@jest/globals';- 创建一个测试用例，并使用jest的mock函数来模拟axios.get方法的返回值：
test('should correctly use axios.get.mockResolvedValue for async call', async () => {
const mockResponse = { data: 'mock data' };
axios.get = jest.fn().mockResolvedValue(mockResponse);
// 进行异步调用
const response = await axios.get('https://example.com/api');
// 断言返回值是否正确
expect(response).toEqual(mockResponse);
});在这个例子中，我们使用jest的mock函数来模拟axios.get方法的返回值。我们创建了一个名为mockResponse的对象，它代表了axios.get方法的返回结果。然后，我们使用axios.get的mockResolvedValue方法来指定axios.get方法的返回值为mockResponse。
在测试用例中，我们使用await关键字来等待异步调用的结果。然后，我们使用expect断言来验证返回值是否与我们预期的mockResponse相等。
这样，我们就可以在jest中正确使用axios.get.mockResolvedValue进行异步调用了。
推荐的腾讯云相关产品：腾讯云云函数（Serverless Cloud Function）
- 产品介绍链接地址：https://cloud.tencent.com/product/scf
相关·内容
我有两个版本的相同的代码，一个工作，一个抛出：
TypeError: axios.get.mockResolvedValue is not a function
作品：
const axios = require('axios')
jest.mock('axios') //<<<------
test('should mock axios', async () => {
const resp = {data: {moreData: 'zedata'}}
axios.get.mockResolved
浏览 7提问于2020-11-15得票数 20
回答已采纳
模拟api调用时出现错误
TypeError: Cannot read property 'mockResolvedValue" of undefined
却找不出原因。我正在使用jest来测试我的api fetch调用函数。
这是我要导出的函数：
//file amData.jsx
const axios = require('axios');
async function fetchAssetManagerSummary() {
const response = await axios.get("https://www.exampleUrl.
浏览 30提问于2020-05-06得票数 16
回答已采纳
1回答
我如何模拟一个公理得到响应？此测试失败，有以下错误：
Error: expect(jest.fn()).toHaveReturnedWith(expected)
Expected: {"test": "test"}
Received: {}
Number of returns: 1
这是我正在进行的测试：
jest.mock('axios');
const axios = require('axios');
describe('GET /searchLocation', () => {
it(&
浏览 4提问于2021-11-26得票数 5
回答已采纳
我正试图为我的NodeJs代码编写一个单元测试。我使用mockResolvedValue来模拟API调用。
这是我的单元测试：
const { search } = require("../src/utils");
jest.mock("axios");
test("Should find an user", async () => {
axios.get.mockResolvedValue({
data: [
{
userId: 1,
name: "Mike",
浏览 4提问于2021-01-11得票数 1
回答已采纳
我正在尝试为我的mobX存储中的一个方法编写测试，该方法调用一个辅助方法getPages，该方法进行异步API调用来获取一些数据。在为getPages助手函数编写测试时，我能够成功地模拟axios，但现在我正在测试mobx store，似乎不能再模拟axios了。
这是因为存储文件不直接导入axios吗？
我必须模拟getPages帮助器函数吗？如果是这样，我该怎么做呢？
当前await axios.get('${process.env.REACT_APP_BACKEND_URL}/pages');接口调用返回的是undefined，而不是mocked的值。最终，我只需要这个调
浏览 11提问于2021-03-13得票数 0
1回答
我正在尝试在jest中模拟axios get和post。到目前为止，这是我的代码：
//...
jest.mock('axios');
axios.get.mockResolvedValue({ data: '' });
axios.post.mockResolvedValue(null);
test('should match snapshot', () => {
const { asFragment } = renderComponent();
expect(asFragment()).toMatchSnapshot();
}
浏览 13提问于2021-03-15得票数 1
回答已采纳
2回答
似乎嘲弄不是通过axios为我工作，因为它似乎是进行实际的API调用(可见的，因为我正在获得401状态代码在运行jest测试)，我不知道为什么我不能模拟axios.Can，有人指出我正在犯的错误？
index.test.ts
describe("compositeScore()", () => {
it("Mock Fetch API for Composite Score Response", async () => {
const mock = jest.spyOn(axios, "post&#
浏览 4提问于2022-03-04得票数 0
1回答
我正在尝试模拟GET请求，以使用ID获取一些帖子。这是我试图模拟的代码： getPost() {
this.refreshToken();
http
.get(`/posts/${this.$cookie.get('postid')}`, {
headers: {
"Authorization": `Bearer ${this.$cookie.get('token')}`,
"Content-type": "application/json",
浏览 29提问于2021-03-30得票数 0
1回答
对node.js来说是新手。我正在编写一个JS客户机，它封装了底层的库。在单元测试中，我使用模拟axios。
在我的API类的构造函数中，我传递一个URL，并使用函数创建axios的自定义实例，并将其绑定到客户端属性。
当我用jest.mock('axios')来模拟axios依赖关系时，问题就出现了--当尝试调用axios.get时，在测试中抛出了一个TypeError。
TypeError: Cannot read property `get` of undefined
我理解为什么会发生这种情况，但我还没有找到一种方法来使我能够模拟axios，并且不需要对客户端字段进行未
浏览 1提问于2019-03-15得票数 2
回答已采纳
我从一个基本的创建-反应-应用程序开始，并尝试学习适当的单元测试技术。我更新了初始App组件，以调用本地节点API以获得基本的字符串响应。我似乎在文档中找不到如何测试段落标记get在我的测试中的模拟响应。 实际情况是，组件只是停留在初始的“Hello World！”上。状态消息中的文本，并且不使用模拟响应消息进行更新。我确定我必须触发一个更新或完成一个分类的摘要周期，但我还不确定如何做到这一点。 App.js import React from "react";
import axios from "axios";
import "./App.css&
浏览 35提问于2020-04-09得票数 0
我在一个类中有以下方法：
import axios from 'axios'
public async getData() {
const resp = await axios.get(Endpoints.DATA.URL)
return resp.data
}
然后，我尝试设置一个Jest测试来完成以下操作：
jest.mock('axios')
it('make api call to get data', () => {
component.getData()
expect(axios.get).toHav
浏览 232提问于2018-07-11得票数 39
回答已采纳
1回答
Post.jsx： import axios from "axios";
const Post = ({ url }) => {
const [data, setData] = useState(null);
useEffect(() => {
const sendReq = async () => {
const res = await axios.get(url);
setData(res.data);
};
sendReq();
}, []);
if (!data) {
retur
浏览 8提问于2020-11-02得票数 1
1回答
我试图为这个类提供一个模拟请求，然后期望使用某些路径调用history.push。
Start.js
import React from 'react'
import { useHistory } from 'react-router-dom';
import axios from 'axios';
import { ReactComponent as Arrow } from '../../arrow.svg';
export default function Start() {
let history = useH
浏览 1提问于2021-02-24得票数 0
1回答
当我做纱线测试时，结果一直在变化。
这是错误名称“状态代码400的请求失败”。
但是我已经在模仿Api的请求功能了
像这样
import * as api from '@api/user';
jest.mock('@api/user');
(api.fetchApiKeyUpdate as jest.Mock).mockImplementationOnce(() => {
throw { response: { data: { code: 'EX_INVALID_APIKEY_2015' } } };
});
(api.
浏览 5提问于2021-12-09得票数 1
回答已采纳
1回答
我有一个带有请求api的方法的react组件。出于测试目的，我模拟了模块axios。Jest不能识别get的第一个调用，但不能识别post的第二个调用，除非它是在get语句之前声明的。我可以记录axios.post.mock.result在我的react组件中有一个值的承诺。在我的测试中，它是空的。我像这样隔离了这个问题： 我的组件方法 import axios from 'axios';
async getData(data) {
let response = await axios.get('/api',
{
params: {
浏览 19提问于2019-02-21得票数 2
回答已采纳
7回答
当我们想要用Jest模拟外部模块时，我们可以使用jest.mock()方法来自动模拟模块上的函数。
然后，我们可以根据自己的意愿对模拟模块上的模拟函数进行操作和查询。
例如，考虑以下模拟axios模块的人为示例：
import myModuleThatCallsAxios from '../myModule';
import axios from 'axios';
jest.mock('axios');
it('Calls the GET method as expected', async () => {
cons
浏览 0提问于2018-07-24得票数 113
回答已采纳
1回答
如何在外部函数中模拟公理？
、、、、
如何在外部函数中模拟来自HTTP的axios响应？
我对GET请求在axios中有包装器功能
export const getRequest = async (
url: string,
queryParams: { [key: string]: string; } = {},
headers: { [key: string]: string; } = {}
): Promise<IhttpResponse> => {
const config: AxiosRequestConfig = {
url: url,
浏览 4提问于2022-02-24得票数 0
回答已采纳
1回答
我正在跟踪一些关于用Jest模拟api调用的文档，尽管我试图用react.tsx来实现它。我在网上查看了很多不同的堆栈Q&As和其他地方，并且不理解我在测试文件中遗漏了什么以使我的测试通过。到目前为止，我正在从WeatherMocks.tsx导出我的WeatherMocks.tsx函数：
import axios from 'axios';
export const fetchWeatherData = async () => {
const response = await axios.get('http://mock-api-call/w
浏览 3提问于2022-06-27得票数 -1
回答已采纳
1回答
我在使用axios进行反应，我在测试中遇到了问题
到目前为止，我在我的test.js文件中尝试过这样的方法：
jest.mock('axios');
describe('RssFeed', () => {
let component;
let data;
beforeEach( () => {
data = data {
data: {...}
};
}
test('fetches data successfully', (done) => {
axios.get.m
浏览 0提问于2021-02-01得票数 0
我已经编写了一个相当简单的异步方法，它通过HTTP检索结果： import axios from "axios";
const BASE_URI = "http://api.tvmaze.com";
export const getSearchShows = async (search: string) => {
const uri = `${BASE_URI}/search/shows?q=${encodeURIComponent(search)}`;
const response = await axios.get(uri);
re
浏览 136提问于2019-09-06得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储活动推荐
腾讯云开发者
