前言
- 为什么需要测试
测试是完善的研发体系中不可或缺的一环。前端同样需要测试,你的CSS改动可能导致页面错位、JS改动可能导致功能不正常。尽管测试领域工具层出不穷,在前端的自动化测试上却实施并不广泛,但是前端偏向界面所以还是有很多人依旧以手工测试为主。
前端测试
虽然很多公司有自己的测试部门,而且前端开发大多不涉及测试环境,但鉴于目前前端领域的快速发展,其涉及面越来越广,前端开发者们必然不能止步于目前的状态。我认为学好前端测试,不仅仅有利于自己整理需求、检查代码,更是一个优秀开发者的体现。
Vue中的测试
我们这里采用的是Vue官方工具(Vue-Cli)搭建出来的项目,在这个搭建工具中推荐的两种测试分别是端到端的测试(E2E)和单元测试(Unit Test)
- 端到端测试(E2E)
从一个用户的角度出发,认为整个系统都是一个黑箱,只有UI会暴露给用户。 - 单元测试(Unit Test)
测试驱动开发(TDD:Test-Driven Development)
用来对一个模块,一个函数或者一个类来进行正确性检验的测试工作。
在Vue中的单元测试主要使用的两个工具分别是Karma和Mocha