用jest+enzyme做react测试时如何mock掉componentDidMount时的请求

zcc19910524 2018-04-03 10:16:17

在测试一个复合组件时其中一个子孙组件在DidMount的时候会进行请求
报错如下
TypeError: this.props.loadLimitLocations(...).then is not a function
应该如何mock掉？用的superagent

...全文

636 回复打赏收藏转发到动态举报

写回复

回复

切换为时间正序

请发表友善的回复…

发表回复

基于Jest + Enzyme的React单元测试 Jest和Enzyme的基本介绍测试环境搭建测试脚本编写 UI组件测试减速机运行并调试参考资料笑话，酶介绍 Jest是Facebook发布的一个开源的，基于Jasmine框架JavaScript单元测试工具。提供了包括内置的测试环境DOM API支持，断言库，Mock库等，还包含了Spapshot测试，即时反馈等特性。 Airbnb开源的React测试类库酶提供了一套简洁强大的API，并通过jQuery风格的方式进行DOM处理，开发体验非常友好。同时在开源社区有超高人气，同时也获得了React官方的推荐。测试环境搭建在开发R

:rocket: 包裹UI 包裹+打字稿+ React / Preact +路由器+ CSS模块+ SASS + Jest + Api-Now + Github Actions CI 和更多：页面（路由）的延迟加载（代码拆分）。使用CSS模块进行CSS范围界定：只需导入本地CSS或SASS文件并使用它即可。使用react-easy-state（比Redux，MobX更容易）进行商店管理。使用Jest＆Enzyme进行组件单元测试。使用Whatwg-fetch Req和Mock API（json-server）发出Ajax请求。使用模拟API服务器。 :wrench: 安装克隆此项目： g

关于Jest单元测试是完整的前端工程化的重要组成部分；掌握单元测试是构成一个合格有经验的前端开发工程师的必要条件；掌握单元测试是初级码农进阶为中高级工程师的必由之路；掌握单元测试是前端工程师进阶前端架构师的第一步；课程特色零基础，由浅入深，轻松诙谐，物超所值；全程附源码，见课程第一小节课件；课程收益掌握Jest单元测试了解mocha单元测试了解各种断言语法学会如何将单元测试运用到实际项目中写在最后就连太阳光照到地球都需要8分钟，所以，你也需要时间，耐心一点，持续修炼..

moQL：用于测试的模拟 GraphQL 查询服务器。根据您的 Jest（或其他框架）规范，轻松启动模拟 GraphQL 服务器，设置要返回的模拟数据，并验证它是否确实由您的 GraphQL 客户端（框架不可知）请求。由使用和支持。它使您无需运行后端服务器即可编写适当的集成测试，而且无需模拟所有 GraphQL 代码。真实的 GraphQL，真实的网络请求，可靠的测试。例子使用 JEST 和 Enzyme JSDOM 来测试 React 组件，但可以适应任何测试设置和框架，因为 moQL 不依赖任何东西——它只提供一些方法和一个 HTTP 服务器。 import { moQL , startMoQL , stopMoQL , verifyMoQL } from 'moql' import waitForExpect from 'wait-for-expect' impo

Spearmint帮助开发人员轻松编写功能性的React / Redux / Endpoint / Paint Timing测试，而无需编写任何代码。它通过使用@ testing-library提供的DOM查询选择器，将用户输入动态转换为可执行的Jest测试代码。如何使用下载spearmint @ spearmintjs.com。适用于Mac OS和Windows。 React测试要运行spearmint生成的React测试，请在您的dev依赖项中安装以下代码。 npm i -D jest @testing-library/jest-dom @testing-library/react test-data-bot 要运行由spearmint生成的Redux测试，除了上面的React测试安装之外，还要在您的开发依赖项中安装以下内容。 npm i -D redux-mock-sto

87,907

社区成员

224,614

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章