内容简介:测试是完善的研发体系中不可或缺的一环,前端也不例外,CSS 的变更可能导致页面错位,JavaScript 的变更可能导致功能缺陷。由于前端偏 GUI 软件的性质,尽管测试领域工具层出不穷,前端的自动化测试的落地实施并不广泛,很多项目依旧以手工测试为主。本篇即是对前端测试相关的解决方案的一个梳理。先来了解一下前端测试可能涉及到的环节:目前比较常见的前端自动化测试方案主要集中在单元测试和集成测试阶段,实现文件监测和高效快速的执行测试:
测试是完善的研发体系中不可或缺的一环,前端也不例外,CSS 的变更可能导致页面错位,JavaScript 的变更可能导致功能缺陷。由于前端偏 GUI 软件的性质,尽管测试领域 工具 层出不穷,前端的自动化测试的落地实施并不广泛,很多项目依旧以手工测试为主。本篇即是对前端测试相关的解决方案的一个梳理。
方案
先来了解一下前端测试可能涉及到的环节:
目前比较常见的前端自动化测试方案主要集中在单元测试和集成测试阶段,实现文件监测和高效快速的执行测试:
采用像素对比和 DOM 结构对比的方案:
对于 React 则推荐 Jest + Enzyme 搭建测试环境:
以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,也希望大家多多支持 码农网
猜你喜欢:本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们。