自动化测试使得大团队中的开发者可以维护复杂的基础代码。 TDD 的思想是根据需求先写测试用例，依照测试用例再去写功能代码。当增加或者修改某一项需求的时候，需要先修改测试用例，再依照测试用例去修改代码逻辑。 与 TDD 相反，BDD 是根据需求先进行开发，等到该功能开发完毕后，再…

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

前些时间，应公司业务需求，想在 vue 项目中，利用 jest 框架做一下接口的集成测试。 但是网上一查呢，利用 jest 做接口测试的案例很少（就连前端测试的 jest 项目案例都很少，这里指实际项目，不是 demo 的那种）。而且经过 jest 官方文档的查阅，发现接口测试…

1. 为什么要做前端测试 比起写注释，单元测试可能是更好的选择，通过运行测试代码，观察输入和输出，有时会比注释更能让别人理解你的代码（当然，重要的注释还是要写的。。。） 编写测试代码的过程，往往可以让我们深入思考业务流程，让我们的代码写的更完善和规范。 2. 什么是TDD和BD…

1. 学习前提 2. 学习目标 3. 安装jest(本文基于版本24.8.0) 4. Jest配置 5. 为了正常使用ES模块需要安装babel(本文基于版本7.4.5) 6. 简单测试用例(实际开发中可以使用 jest 插件自动检测运行文件) 7. 生成代码测试覆盖率报告 8…

在开始前，我们先来聊一下什么是自动化测试。通常，在需求确定以后，测试会编写测试用例，然后，根据测试用例中描述的规程一步步执行测试，得到实际结果与期望结果的比较。在此过程中，为了节省人力、时间或硬件资源，提高测试效率，便引入了自动化测试的概念。 那么知道了什么是自动化测试以后，我…

2019 年前端测试依然是一个炙手可热的话题。笔者在今年 5 月份参加 Vueconf 的时候，Vue 单元测试的主题演讲者曾向现场的参与者发出提问，有多少团队引入了单元测试，意外的是只有寥寥数人举起了手。尽管，那个时候笔者的团队也还没有引入前端测试，但是考虑到测试的必要性，且…

本文，将主要结合钉钉中的业务实践和落地，描述笔者对前端自动化测试场景的理解。在文末也放置了两篇笔者认为写的不错的文章，可以作为各位的纵向延伸，且本文文章中不会针对延伸文章中已经描述的很好的内容，再做详

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