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

对于一个 Web 应用来说，理想的测试组合应该包含大量单元测试（unit tests），部分快照测试（snapshot tests），以及少量端到端测试（e2e tests）。参考测试金字塔，我们构建了前端应用的测试金字塔。 针对程序模块进行测试。模块是软件设计中的最小单位，一…

端到端测试可以帮助我们确保 React 应用中所有的组件都能像我们预期的那样工作，而单元测试和集成测试做不到这样。 Puppeteer 是 Google 官方提供的一个端到端测试的 Node 库，它向我们提供了基于 Dev Tools 协议封装的上层 API 接口来控制 Chr…

测试是每个软件开发过程的关键部分。它可以大大降低项目成本，并可以提高团队的生产力。基本上有三种主要的测试类型： 单元测试—通过单元测试，可以测试代码中独立小片段，例如一个组件，一个函数。 集成测试—在这种类型的测试中，我们组合并测试各个单元，并将它们作为一个整体进行测试。 端到…

Puppeteer 可以做很多事情：如截图、生成 PDF、爬取网页、网页测试等，文章主要偏向于介绍如何理将 puppeteer 理解并投入使用

入门部分 在项目中，一个模块的方法内常常会去调用另外一个模块的方法。在单元测试中，我们可能并不需要关心内部调用的方法的执行过程和结果，只想知道它是否被正确调用即可，甚至会指定该函数的返回值。此时，使用

Jest 中有三个与 Mock函数相关的API，分别是jest.fn()、jest.spyOn()、jest.mock()。使用它们创建Mock函数能够帮助我们更好的测试项目中一些逻辑较复杂的代码，例如测试函数的嵌套调用，回调函数的调用等。 jest.fn()是创建Mock函数…

执行单元测试，就是为了证明这段代码的行为和我们期望的一致；进行充分的单元测试，是提高软件质量，降低开发成本的必由之路；在开发人员做出修改后进行可重复的单元测试可以避免产生那些令人不快的负作用

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