modshotUI 截圖對(duì)比工具

modshot 是一個(gè) CLI 實(shí)用程序，可捕獲 UI 模塊的屏幕截圖（png 圖像）并與現(xiàn)有基線圖像進(jìn)行比較。如果不存在基線，則會(huì)創(chuàng)建新基線。它是 PhantomCSS 之上的包裝器，為視覺回歸提供了一種簡(jiǎn)單的機(jī)制。

modshot 可以在兩種模式下運(yùn)行:

• 靜態(tài)HTML - 當(dāng)提供輸入目錄時(shí)，modshot 會(huì)遞歸掃描目錄以查找HTML文件。如果發(fā)現(xiàn)文件使用 PhantomJS 加載，則將截取屏幕截圖并將其放在與 HTML 文件相鄰的screenshots目錄中。對(duì)于后續(xù)運(yùn)行，這些屏幕截圖用作基線。modshot 假定您遵循模塊化 UI 體系結(jié)構(gòu)，其中每個(gè) UI 組件都與測(cè)試文件和模擬 HTML 一起存在于其自己的目錄中。
• URL - 當(dāng)提供 URL 時(shí)，modshot 使用 PhantomJS 加載 URL，截取屏幕截圖（如果提供了選擇器，則截取多個(gè)屏幕截圖）并將它們放在提供的輸出目錄中。對(duì)于后續(xù)運(yùn)行，這些屏幕截圖用作基線。建議提供模塊的 CSS 選擇器作為選項(xiàng)，這樣采用的是模塊截圖而不是整個(gè)頁面。

如果兩種模式均被提供，modshot 會(huì)并行啟動(dòng)它們。

在安裝 modshot 之前需先安裝 PhantomJS 1.8.2 或更高版本（但需低于2.0）。