构建知识体系 第3期 - 单元测试之React怎样测试

简介: 咱们从上一篇文章了解到可使用 mocha 和 node 内自带的断言库assert做 node 端的单元测试,那如果当我们使用前端框架(如 react、vue)做项目的时候,怎样做单元测试呢?

eb68655772319669f98d571f2abf5cb3_640_wx_fmt=png&wxfrom=5&wx_lazy=1&wx_co=1.jpg

现在前端三大框架react,vue,angular,在国内使用率较多的肯定是 react 和 vue,而angular 可能在国外市场较大。我个人倾向于react技术栈,所以咱们就以如何做react单元测试 为题。


这里推荐一个技术选型


Jest + Enzyme


Jest

Jest是Facebook开源的一个前端测试框架,主要用于React和React Native的单元测试,已被集成在create-react-app中,它也是 React 目前使用的单元测试框架。目前除了 Facebook 外,Twitter、Nytimes、Airbnb 也在使用 Jest。Jest 除了基本的断言和 Mock 功能外,还有快照测试、实时监控模式、覆盖度报告等实用功能。同时 Jest 几乎不需要做任何配置便可使用。


Enzyme

Enzyme是Airbnb开源的React测试工具库,基于官方的测试工具库ReactTestUtils的二次封装,提供了一套简洁强大的 API,并内置Cheerio,实现了 jQuery 风格的方式进行DOM 处理,开发体验十分友好。在开源社区有超高人气,同时也获得了React 官方的推荐。


具体如何配置和搭建环境、写测试用例、调 api、调参,本文就不详细介绍了,深入的学习和使用大家可以参考下面的文章,我已经为你找好。

目录
相关文章
|
1月前
|
运维 JavaScript 前端开发
发现了一款宝藏学习项目,包含了Web全栈的知识体系,JS、Vue、React知识就靠它了!
发现了一款宝藏学习项目,包含了Web全栈的知识体系,JS、Vue、React知识就靠它了!
|
1月前
|
前端开发 JavaScript 安全
使用React、TypeScript和Ant Design构建现代化前端应用
使用React、TypeScript和Ant Design构建现代化前端应用
24 0
|
1月前
|
开发框架 前端开发 JavaScript
使用React、Redux和Bootstrap构建社交媒体应用
使用React、Redux和Bootstrap构建社交媒体应用
14 0
|
1月前
|
Java 测试技术 持续交付
【软件工程】单元测试:构建坚固软件基石的不可或缺一环
【软件工程】单元测试:构建坚固软件基石的不可或缺一环
21 0
|
2月前
|
存储 开发框架 前端开发
深入探索React:构建动态、交互式前端应用的终极指南
深入探索React:构建动态、交互式前端应用的终极指南
77 0
|
3月前
|
测试技术 UED Python
使用Python构建自动化测试框架
本文介绍了如何使用Python语言构建一个强大的自动化测试框架,该框架可以帮助开发人员在软件开发过程中进行高效的测试工作。通过使用Python的强大功能和第三方库,我们可以轻松地编写、运行和管理各种测试用例,并生成详细的测试报告,提高软件质量和开发效率。
|
3月前
|
存储 前端开发 JavaScript
探索 React Hooks 的世界:如何构建出色的组件(下)
探索 React Hooks 的世界:如何构建出色的组件(下)
探索 React Hooks 的世界:如何构建出色的组件(下)
|
3月前
|
缓存 前端开发 API
探索 React Hooks 的世界:如何构建出色的组件(上)
探索 React Hooks 的世界:如何构建出色的组件(上)
探索 React Hooks 的世界:如何构建出色的组件(上)
|
3月前
|
移动开发 前端开发 JavaScript
React:构建用户界面的强大工具
React:构建用户界面的强大工具
18 0
|
3月前
|
测试技术 Apache 项目管理
软件测试|探索Flask接口路由技术:构建灵活可拓展的Python应用
软件测试|探索Flask接口路由技术:构建灵活可拓展的Python应用
28 1