问题标签 [axios-mock-adapter]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
2 回答
1345 浏览

javascript - 如何在 React.js 中返回从 axios 带来的数据?

我正在使用这个 API:https ://g6-ch2.herokuapp.com/api/usuarios/green 。我正在尝试从中返回数据,但它不返回任何内容。

我正在使用路由参数。

这是代码

应用程序.js

主页.js

在 Post.js 中,我的代码在渲染中没有返回任何内容。

Post.js

在 Post.js 中,我想从https://g6-ch2.herokuapp.com/api/usuarios/green返回带来的数据,但它没有返回任何内容。

0 投票
1 回答
227 浏览

reactjs - 使用 Jest 模拟 Axios 和模拟 Windows.Location.Assignment

一些 ReactJs 组件正在使用 Axios NPM 库来触发 Http Posts。使用 Axios 的帖子示例,我们有:

发布后,触发“then”以移动到下一页。

我们正在使用 Jest 和 Enzyme 对 Axios 功能进行单元测试。此外,我们已经成功地单独模拟了: - 使用 jest-mock-axios 的 Axios 帖子 - 使用 jest 模拟的 window.location.assign 方法。

但是,当在 Axios 模拟中触发“then”时,模拟的 window.location.assign 方法每次都会失败。

是否可以同时模拟 Axios 调用和 window.location.assign ?

我可以传入一个包装 window.location.assign 方法的方法,但这是不正确的。

0 投票
1 回答
6631 浏览

javascript - 期望 axios-mock-adapter 出错

我正在尝试使用 测试 axios get 请求axios-mock-adapter,从而在状态不等于 200 的情况下引发错误。但是,当我执行测试时(请参阅api.test.js),我收到以下消息:

错误:expect(function).toThrowError(undefined)

期望函数抛出错误。但它没有扔任何东西。

如何axios-mock-adapter使用 mygethandleResponse方法进行测试以确保引发错误?谢谢!

api.test.js:

0 投票
0 回答
223 浏览

jestjs - 我可以对 axios-mock-adapter 使用 jest.fn() 相关检查吗?

我正在使用axios-mock-adapter,我想知道我是否可以设置它,以便我也可以做出断言expect(MockAdapter.get).toHaveBeenCalledWith(url);

我尝试了以下方法:

它说

如果我添加一个./__mocks__/axios.js文件,我会立即得到

有没有办法做到这一点,或者是模拟我自己的axios函数实现,还是axios-mock-adapter在不访问它的情况下将其用作开玩笑的模拟函数?

0 投票
0 回答
1740 浏览

vuejs2 - 使用 Axios 进行开玩笑测试时出现“请求失败,状态码为 404”错误

我在 Vue 应用程序中运行以下测试:

sendMessage should be called并在最后两个测试(和)中获得以下结果store sendMessage

我在通过的其他 19 个测试中运行完全相同的配置来模拟 axios 调用,因此我相当确定问题不在于我的 axios 配置(例如,如此所示)。

我还缺少其他可能导致此错误的东西吗?

0 投票
1 回答
1241 浏览

javascript - 模拟 axios 时可以为 URL 使用通配符吗?

我想知道是否可以使用通配符模拟某些 URL,例如所有以/auth. 我可以做类似的事情/auth*吗?

0 投票
2 回答
5168 浏览

javascript - 测试 axios 请求的 headers

我正在使用 Mocha + Chai 和axios-mock-adapter来测试我的 axios 请求。它运作良好,但我不知道test headersaxios-mock-adapter 如何使用 axios 并确保AuthorizationContent-type是正确的!

这是我的测试功能

因此,如果有人知道如何为标头请求编写正确的测试,请帮助我。提前致谢!

0 投票
1 回答
5647 浏览

reactjs - 如何使用 JEST 和 REACT 解决 axios 模拟错误

已经使用 axios 模拟方法创建了单元测试用例,并且确实看到了下面的控制台错误。尝试了很多方法,但都没有解决问题。对 REACT/JEST 社区来说非常新,但会尽力解决这个问题。

期待:

  1. 包括成功、错误场景在内的所有测试用例都应 100% 覆盖,并且应在没有警告/错误的情况下通过。
  2. 应使用空结果列表和非空结果列表测试响应。
  3. 还应处理由于超时/网络引起的错误场景。

错误:

我尝试了什么:

index.js

__mocks__/axios.js

__tests__/index.test.js

0 投票
0 回答
533 浏览

unit-testing - 使用 JEST 和 axios-mock-adapter 测试基于 axios 的 API 时如何修复“无法验证第一个证书”?

我正在使用Jestaxios-mock-adapter为我的 API 服务编写测试。问题是,当我运行测试时,我收到一条错误消息:

错误:无法验证第一个证书。

app.service.js以下是

api.service.js是我axios像这样创建我的实例的地方

测试如下:

有谁知道如何解决这个错误?

0 投票
0 回答
560 浏览

vue.js - 使用 delayResponse 时,flushPromises() 函数不等待模拟 axios 调用被解析

我有一个登录组件,它应该获取用户凭据,将它们提交给 API,并根据响应在 VueX 商店中设置 JWT 或显示错误。

在单元测试中,我正在模拟 axios 调用,其响应延迟以模拟实际网络(使用 axios-mock-adapter 库)。目前,测试失败,因为尽管我正在使用flushPromises()实用程序,但测试在承诺解决之前完成。事实上,我没有看到console.log登录功能中的任何一个。

如果我delayResponse从模拟调用中删除该属性,则测试通过,并且我在控制台日志中看到了预期的“获取数据”响应。

我在这里想念什么?有谁知道为什么flushPromises()只是跳过 axios 调用?

我正在使用 Vuetify 框架,因此使用了v-标签,尽管我怀疑这会对测试产生影响

模板:

登录功能相当简单:

测试文件:

VueX 商店:

响应: