通过上一篇文章 前端自动化测试 - 入门篇，相信大家对与前端自动化测试有了一个初步的认识和了解，这一节，我们将深入了解其中的单元测试，以Jest框架为例，从理论到实践全面介绍单元测试（看完这篇，再也不

上回，我在《Jest测试CSS module组件报错怎么办？》一文中提到用Jest mock让Jest跳过对CSS及其他文件的识别转换。这项能力也可以应用于隔离测试中遇到的一些不可控或是不便测试的因素。如： 这些不可控因素会导致我们无法辨别到底是目标测试代码出错，还是由这些因素…

在使用Jest时，会遇到比如某个页面可能使用axios调用了多个后端接口数据。我们可能会有针对不同接口模拟返回不同数据的需求，本文主要总结这种场景下的解决方案。

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

公司的前端项目的技术栈为 react + ts + Rxjs。react就不多说了，大型项目一般都会采用react，单向数据流比双向绑定渲染来的更加准确和内存的更少消耗（diff）。ts的强类型保证了数据的精准，减少bug。Rxjs则会更好的获取异步数据，不受其他元素影响。技术…

上一篇文章中，介绍了Jest的一般套路和基本语法，这篇文章将会接着介绍异步代码的测试回调函数假如现在有一个接收一个callback函数为参数的fetchData函数，会在一段时间后调用callback

其实之前就已经简单的了解过了单元测试，但当时对于单元测试我是持有一种很否定的态度的，因为他太过于鸡肋，都是测试一些很基础的功能，但是当笔者被这次重构折磨之后，有重新思考了下如何能够保证代码的健壮性，抱着这个态度，笔者又去调研了下单元测试到底能够做什么。 按照我们的理想情况，如果…

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