建站
咨詢
售后
建站咨詢
新聞中心
這里有您想知道的互聯(lián)網(wǎng)營(yíng)銷解決方案
在Vue項(xiàng)目中使用snapshot測(cè)試的具體使用-創(chuàng)新互聯(lián)
snapshot介紹
snapshot測(cè)試又稱快照測(cè)試，可以直觀地反映出組件UI是否發(fā)生了未預(yù)見到的變化。snapshot如字面上所示，直觀描述出組件的樣子。通過(guò)對(duì)比前后的快照，可以很快找出UI的變化之處。
第一次運(yùn)行快照測(cè)試時(shí)會(huì)生成一個(gè)快照文件。之后每次執(zhí)行測(cè)試的時(shí)候，會(huì)生成一個(gè)快照，然后對(duì)比最初生成的快照文件，如果沒(méi)有發(fā)生改變，則通過(guò)測(cè)試。否則測(cè)試不通過(guò)，同時(shí)會(huì)輸出結(jié)果，對(duì)比不匹配的地方。
jest中的快照文件以為snap拓展名結(jié)尾，格式如下（ps: 在沒(méi)有了解之前，我還以為是快照文件是截圖）。一個(gè)快照文件中可以包含多個(gè)快照，快照的格式其實(shí)是HTML字符串，對(duì)于UI組件，其HTML會(huì)反映出其內(nèi)部的state。每次測(cè)試只需要對(duì)比字符串是否符合初始快照即可。
exports[`button 1`] = `"1"`;
網(wǎng)站題目：在Vue項(xiàng)目中使用snapshot測(cè)試的具體使用-創(chuàng)新互聯(lián)
網(wǎng)頁(yè)網(wǎng)址：http://www.ef60e0e.cn/article/dhgsgc.html
