为什么要做单元测试 　　作为一个前端工程师，我是很想去谢单元测试的，因为每天的需求很多，还要去编写测试代码，感觉时间都不够用了。 　　不过最近开发了一个比较复杂的项目，让我感觉一旦项目大了、复杂了，而且还是多人维护一个应用，编写测试代码， 　　还是很有必要的。毕竟这样做完之后，后边 ...

　　React单元测试，就是把React 组件渲染出来，看看渲染出来的内容符不符合我们的预期。比如组件加载的时候有loading, 那就渲染组件，看看渲染出的内容中有没有loading. 再比如，ajax请求完成后，组件要显示返回的数据, 那就渲染组件， 等待请求完成，然后看看渲染出来内容是不是 ...

写在前面 使用 react hook 来做公司的新项目有一段时间了，大大小小的坑踩了不少。由于是公司项目，因此必须要编写单元测试来确保业务逻辑的正确性以及重构时代码的可维护性与稳定性，之前的项目使用的是 react@15.x 的版本，使用 enzyme 配合 jest 来做单元测试毫无压力 ...

React项目的单元测试 React的组件结构和JSX语法，对上一章的内容来讲进行测试显得很勉强。 React官方已经提供了一个测试工具库：react-dom/test-utils 只是用起来不够方便，于是有了一些第三方的封装库，比如Airbnb公司的Enzyme 测试项目的配置 本次测试 ...

jest jest是facebook推出的一款测试框架，集成了前面所讲的Mocha和chai，jsdom，sinon等功能。 安装与配置 运行命令jest后会自动运行项目下所有.test.js和.spec.js这种格式的文件。 涉及到运用ES或react的，要与babel相结合 ...

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

开始 项目里安装 Jest 初始化配置文件 在根目录下生成 jest.config.js 的配置文件，scripts里添加的jest命令会在 jest.config.js 里找配置 一些报错原因及处理 不支持es模块的处理 由于针对的是ui组件库进行测试不是纯函数测试，如果直接 ...

在网上找了好久针对react-native的测试方法，但是没有找到靠谱的方式。要么很浅只是跑了一下官方的例子，要么就是版本有点老旧，照着无法进行。jest提供的react-native例子很少，而enzyme提供的react-native-mock库也是各种报错，让人很是绝望。于是乎在搜索到的信息 ...