在Vue项目中使用snapshot测试的具体使用-创新互联

snapshot介绍

创新互联建站是一家专注于网站设计制作、做网站与策划设计,南郑网站建设哪家好?创新互联建站做网站,专注于网站建设10年,网设计领域的专业建站公司;建站业务涵盖:南郑等地区。南郑做网站价格咨询:18982081108

snapshot测试又称快照测试,可以直观地反映出组件UI是否发生了未预见到的变化。snapshot如字面上所示,直观描述出组件的样子。通过对比前后的快照,可以很快找出UI的变化之处。

第一次运行快照测试时会生成一个快照文件。之后每次执行测试的时候,会生成一个快照,然后对比最初生成的快照文件,如果没有发生改变,则通过测试。否则测试不通过,同时会输出结果,对比不匹配的地方。

jest中的快照文件以为snap拓展名结尾,格式如下(ps: 在没有了解之前,我还以为是快照文件是截图)。一个快照文件中可以包含多个快照,快照的格式其实是HTML字符串,对于UI组件,其HTML会反映出其内部的state。每次测试只需要对比字符串是否符合初始快照即可。

exports[`button 1`] = `"
1
"`;

本文标题:在Vue项目中使用snapshot测试的具体使用-创新互联
文章源于:http://bzwzjz.com/article/dhgsgc.html

其他资讯

Copyright © 2007-2020 广东宝晨空调科技有限公司 All Rights Reserved 粤ICP备2022107769号
友情链接: 成都定制网站建设 手机网站建设 成都网站制作 宜宾网站设计 成都企业网站建设公司 成都网站设计 网站建设 高端定制网站设计 定制网站设计 重庆网站建设 高端网站设计推广 重庆网站建设 成都网站建设流程 营销网站建设 外贸网站建设 专业网站建设 做网站设计 移动手机网站制作 响应式网站设计 成都网站建设 古蔺网站建设 成都响应式网站建设公司