前端测试

前端测试的现状

前端测试可以从API测试和GUI测试入手，虽然部分的代码是可以通过API测试来保证质量，但在前端项目中大部分的还是GUI的代码，并且由于GUI测试时复杂性大、可能性多，所以前端测试的重难点是GUI的测试。与传统的GUI测试相比，由于前端的快速迭代的特性，通常只对通用组件、算法及数据模块进行测试，而一些不稳定的经常迭代的代码的测视例维护成本大不太适合写测试。

前端测试的意义

前端测试保证了代码的健壮性与易维护性，在开发阶段就能及时发现问题，提高代码的质量。有了前端测试，开发团队可以更好的代码交给后续的开发人员维护，在修复bug的时候不容易引发回归错误。同时测试用例能够很好的向开发者及使用者阐释代码的用意，有利于团队的协作开发。

前端测试的难点

1.在操作GUI软件时，用户可能操作的序列性大，而与之带来的是系统状态的多变，复杂的系统状态难以用数据描述。

2.GUI测试的覆盖准测与传统测试不同，由于GUI系统状态的多变，测试时不光要考虑有多少代码被覆盖，还要考虑在多少种状态下被覆盖。

3.前端项目的快速迭代特性，项目的输入输出映射经常改变，给测试用例的维护带来挑战。

前端测试的分类

1.界面测试：测试界面是否正常。

2.功能测试：

（1）UI测试：ui测试是从用户的角度出发，主要是对界面交互以及操作的测试。

（2）单元测试:单元测试是从开发人员的角度出发，保证自己代码的正确性。其对象一般是对方法、组件。

3.性能测试：性能测试需要在开发过程中持续关注，否则页面的性能容易在迭代过程中下降，且后期难以改善。

4.页面特征测试：某些区域可能在功上并没有异常，但可能与应用场景或者需求不符合，例如移动端的大图检测。

前端测试的工具

1.界面测试

像素对比：PhantomCSS

dom对比：page-monitor