snapshot介紹
snapshot測試又稱快照測試,可以直觀地反映出組件UI是否發(fā)生了未預見到的變化。snapshot如字面上所示,直觀描述出組件的樣子。通過對比前后的快照,可以很快找出UI的變化之處。
第一次運行快照測試時會生成一個快照文件。之后每次執(zhí)行測試的時候,會生成一個快照,然后對比最初生成的快照文件,如果沒有發(fā)生改變,則通過測試。否則測試不通過,同時會輸出結果,對比不匹配的地方。
jest中的快照文件以為snap拓展名結尾,格式如下(ps: 在沒有了解之前,我還以為是快照文件是截圖)。一個快照文件中可以包含多個快照,快照的格式其實是HTML字符串,對于UI組件,其HTML會反映出其內(nèi)部的state。每次測試只需要對比字符串是否符合初始快照即可。
exports[`button 1`] = `"<div><span class=\\"count\\">1</span> <button>Increment</button> <button class=\\"desc\\">Descrement</button> <button class=\\"custom\\">not emitted</button></div>"`;
網(wǎng)站標題:在Vue項目中使用snapshot測試的具體使用-創(chuàng)新互聯(lián)
標題鏈接:http://chinadenli.net/article12/dhgsgc.html
成都網(wǎng)站建設公司_創(chuàng)新互聯(lián),為您提供網(wǎng)頁設計公司、手機網(wǎng)站建設、網(wǎng)站制作、營銷型網(wǎng)站建設、網(wǎng)站營銷、小程序開發(fā)
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容