我来教教你前端自动化单元测试如何做

发表于:2016-09-22来源:segmentfault作者:acrens点击数: 标签:前端
最近闲来无事,开始摸索前端单元测试。一是不备之需,二是确实在实际项目中能够用到单元测试。这样可以提高开发效率,提升代码质量,完全可以单独对 JS 进行测试,无需页面,不

为什么需要单元测试

在这里首先需要知道单元测试的目的及结果:

  1. 使代码健壮,质量高,兼容各种临界点;

  2. 减少 QA 测试报告的反馈,提高自我影响力;

  3. 保证代码的整洁清晰。

如果需要刨根问底追究为什么需要进行单元测试,那我们可以开始讲讲实际项目开发中遇到的一些问题:

  1. QA 不断反馈代码有 BUG (此时你正在投入的开发,然后被打扰...);

  2. 代码出现 BUG,叠加代码修复 BUG(代码越来越难维护...);

  3. 已经开发完成一个模块,但是没有页面提供调试测试;

  4. 你开发完成的功能,每次都有许多细小的 BUG(个人影响力下降...)。

好了,列举了这么多原因,相信你也开始心虚了,回去继续搬砖检查检查代码有没有问题,如果你面色从容,大神,请手下我的膝盖。

总结:单元测试的目的只有一个,用来确定是否适合使用

如何进行单元测试

如果明白了为什么要进行单元测试,相信你已经可以开始着手为自己的代码写一些单元测试代码。测试从字面理解就是检验,看对象是否达标,达标就是 pass,不达标就是 fail。产品有这样一个需求,如果结果是 3 达到目标且返回的为有效的数字类型才可以进行比较,下面看个栗子:

 



           

原文转自:https://segmentfault.com/a/1190000006969924