前端单测学习

前端单测学习

前端单测学习

从工作中写单测的经验总结出一份自己的单测学习经验，并且加以总结，主要是用到了jest和testing library，通过给项目增加单测来提高项目的规范和质量

等 18 人订阅共13篇文章创建于2021-10-04

前端单测学习（13）—— 自动化测试

通过在CI中执行我们的单测收集覆盖率，同时接入外部的一个测试平台来达到消费我们的测试覆盖率数据的目的

3年前
584
3
评论

前端单测学习（12）—— 性能优化

在原先项目的基础上，学习了多种单测运行性能优化的点，比如虚拟文件系统，多线程，通过swc和esbuild来加编译等

3年前
1.3k
6
评论

前端单测学习（11）—— react hook 进阶

主要是在原先的Hook单测的基础上，补充了很多常见的方法，并且根据这些方法补充使用场景，拓展对Hook单测的认知

3年前
868
2
评论

前端单测学习(10) —— 状态管理redux

本篇文章针对状态管理相关的单测做了简单的介绍，主要是使用了redux这个状态管理库，针对状态以及使用状态的组件做了单测

3年前
988
4
5

前端单测学习（9）—— 覆盖率报告

简单回顾了之前的单测，增加了生成覆盖率报告的脚本，同时走读了一些具体细节，根据报告补充了一些单测，满足提交的要求

3年前
5.5k
16
评论

前端单测学习（8）—— react hook

这一篇补充了对自定义hook场景的单测，先是编写了一个自定义的hook,为自定义Hook的单测添加了一个新的依赖，最后是针对新的包对hook单测提供了示例

3年前
2.2k
5
评论

前端单测学习（7）—— mock

这一篇我们先介绍了mock的使用场景，对原先的项目进行了简单的改造，引入第三方的包，增加路由，并且针对mock场景新增了组件和单测

3年前
2.3k
5
评论

前端单测学习（6）—— 定时器

补充了定时器相关的单测的相关知识，通过对setTimeout setInterval写了一些组件，并且有针对性的写了对应的单测

3年前
1.9k
7
2

前端单测学习（5）—— 快照

这篇blog介绍了快照是什么，并且通过简单的例子来学习快照测试的常见场景，并且分享了一些实际开发中的单测快照经验

3年前
1.8k
6
2

前端单测学习（4）—— react 组件方法&fireEvent

本文在上一篇blog的基础上补充了两种情况，主要涉及到方法相关和异步的情况，并且针对场景的场景我们使用了fireEvent来模拟触发一些操作后调用的事件

3年前
1.5k
5
评论

前端单测学习（3）—— react组件单测进阶

对上一篇react组件单测进行了补充，增加了四个情景，并且补充到了对应的组件改造情况，还有单测的编写

3年前
1.9k
11
评论

前端单测学习（2）—— react 组件单测初步

前端单测学习，react组件单测的初步学习，这一篇引入了一些组件库，并且基于一个简单的组件编写了多个常用的断言和查询方法，作为组件初步的学习记录

4年前
1.9k
9
评论

前端单测学习（1）—— 单测入门之react单测项目初步

初步学习单元测试，首先熟悉一些单元测试的一些概念和相关的一些过往经验，用自己熟悉的技术先搭建起我们后面要用的单测项目

4年前
3.6k
24
3