问题标签 [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.
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返回带来的数据,但它没有返回任何内容。
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 方法的方法,但这是不正确的。
javascript - 期望 axios-mock-adapter 出错
我正在尝试使用 测试 axios get 请求axios-mock-adapter
,从而在状态不等于 200 的情况下引发错误。但是,当我执行测试时(请参阅api.test.js
),我收到以下消息:
错误:expect(function).toThrowError(undefined)
期望函数抛出错误。但它没有扔任何东西。
如何axios-mock-adapter
使用 myget
和handleResponse
方法进行测试以确保引发错误?谢谢!
api.test.js:
jestjs - 我可以对 axios-mock-adapter 使用 jest.fn() 相关检查吗?
我正在使用axios-mock-adapter
,我想知道我是否可以设置它,以便我也可以做出断言expect(MockAdapter.get).toHaveBeenCalledWith(url);
我尝试了以下方法:
它说
如果我添加一个./__mocks__/axios.js
文件,我会立即得到
有没有办法做到这一点,或者是模拟我自己的axios
函数实现,还是axios-mock-adapter
在不访问它的情况下将其用作开玩笑的模拟函数?
vuejs2 - 使用 Axios 进行开玩笑测试时出现“请求失败,状态码为 404”错误
我在 Vue 应用程序中运行以下测试:
sendMessage should be called
并在最后两个测试(和)中获得以下结果store sendMessage
:
我在通过的其他 19 个测试中运行完全相同的配置来模拟 axios 调用,因此我相当确定问题不在于我的 axios 配置(例如,如此处所示)。
我还缺少其他可能导致此错误的东西吗?
javascript - 模拟 axios 时可以为 URL 使用通配符吗?
我想知道是否可以使用通配符模拟某些 URL,例如所有以/auth
. 我可以做类似的事情/auth*
吗?
javascript - 测试 axios 请求的 headers
我正在使用 Mocha + Chai 和axios-mock-adapter来测试我的 axios 请求。它运作良好,但我不知道test headers
axios-mock-adapter 如何使用 axios 并确保Authorization
它Content-type
是正确的!
这是我的测试功能
因此,如果有人知道如何为标头请求编写正确的测试,请帮助我。提前致谢!
reactjs - 如何使用 JEST 和 REACT 解决 axios 模拟错误
已经使用 axios 模拟方法创建了单元测试用例,并且确实看到了下面的控制台错误。尝试了很多方法,但都没有解决问题。对 REACT/JEST 社区来说非常新,但会尽力解决这个问题。
期待:
- 包括成功、错误场景在内的所有测试用例都应 100% 覆盖,并且应在没有警告/错误的情况下通过。
- 应使用空结果列表和非空结果列表测试响应。
- 还应处理由于超时/网络引起的错误场景。
错误:
我尝试了什么:
index.js
__mocks__/axios.js
__tests__/index.test.js
unit-testing - 使用 JEST 和 axios-mock-adapter 测试基于 axios 的 API 时如何修复“无法验证第一个证书”?
我正在使用Jest
并axios-mock-adapter
为我的 API 服务编写测试。问题是,当我运行测试时,我收到一条错误消息:
错误:无法验证第一个证书。
app.service.js
以下是
api.service.js
是我axios
像这样创建我的实例的地方
测试如下:
有谁知道如何解决这个错误?
vue.js - 使用 delayResponse 时,flushPromises() 函数不等待模拟 axios 调用被解析
我有一个登录组件,它应该获取用户凭据,将它们提交给 API,并根据响应在 VueX 商店中设置 JWT 或显示错误。
在单元测试中,我正在模拟 axios 调用,其响应延迟以模拟实际网络(使用 axios-mock-adapter 库)。目前,测试失败,因为尽管我正在使用flushPromises()
实用程序,但测试在承诺解决之前完成。事实上,我没有看到console.log
登录功能中的任何一个。
如果我delayResponse
从模拟调用中删除该属性,则测试通过,并且我在控制台日志中看到了预期的“获取数据”响应。
我在这里想念什么?有谁知道为什么flushPromises()
只是跳过 axios 调用?
我正在使用 Vuetify 框架,因此使用了v-
标签,尽管我怀疑这会对测试产生影响
模板:
登录功能相当简单:
测试文件:
VueX 商店:
响应: