React 函数组件本质上是一个返回 React Element 的简单函数。这是 React v16.8 中最值得期待的功能，通过 Hooks 的文档，我们知道使用 Hooks 可以在无状态的函数组件中注入 state 和生命周期方法，让组件变成 stateful。Hooks…

从React官方网站看测试概览。提到了两个比较重要的工具，一个是Jest、一个是React测试库。 Jest是一个JavaScript测试运行器。它允许你使用jsdom操作DOM。尽管jsdom只是对浏览器工作表现的一个近似模拟，对测试React组件来说它通常也已经够用了。 R…

单元测试是书写组件库必备的，在React中常见的测试库有2个，一个是Enzyme，一个是react-testing-library。

单元测试（Unit Test）：前端单元测试，在以前也许是一个比较陌生的工作，但是前端在经历了这几年的发展之后，我们对于代码的鲁棒性要求逐渐提升，承载了更多的业务逻辑的同时，作为整个链路上最接近用户的部分，系统崩溃阻塞的成本非常之高。如果你采用的是SSR，那么直接在服务端渲染报…

在2020的今天，构建一个 web 应用对于我们来说，并非什么难事。因为有很多足够多优秀的的前端框架（比如 React，Vue 和 Angular）；以及一些易用且强大的UI库（比如 Ant Design）为我们保驾护航，极大地缩短了应用构建的周期。 但是，互联网时代也急剧地改…

单元测试：指的是以原件的单元为单位，对软件进行测试。单元可以是一个函数，也可以是一个模块或一个组件，基本特征就是只要输入不变，必定返回同样的输出。一个软件越容易些单元测试，就表明它的模块化结构越好，给模块之间的耦合越弱。React的组件化和函数式编程，天生适合进行单元测试 TD…

最近在给项目代码补单测，React 项目，第一反应就是成熟的解决方案 Jest + enzyme。按说读读 API，三两下应该就能写好，然而过程中却有点磕碰，遇到一些始料未及的问题。有些是关于 enzyme 的使用方法问题，有些则是对单测思路的理解不够。现在整理出来给大家参考哈…

Enzyme是由Airbnb开源的一个React的JavaScript测试工具，使React组件的输出更加容易extrapolate 。Enzyme的API和jQuery操作DOM一样灵活易用，因为它使用的是cheerio库来解析虚拟DOM，而cheerio的目标则是做服务器端…

Jest 我们上一篇已经说过了，今天主角是Enzyme , 如字面意思，Enzyme 是酶、有催化作用。那么在React 组件测试中和Jest 产生了什么化学🎿反应呢？ 会自动打开浏览器将看到这个页面。 这个是create-react-app 起手式，如果不太了解建议Crea…