modshotUI 截圖對比工具
modshot 是一個 CLI 實用程序,可捕獲 UI 模塊的屏幕截圖(png 圖像)并與現(xiàn)有基線圖像進行比較。如果不存在基線,則會創(chuàng)建新基線。它是 PhantomCSS 之上的包裝器,為視覺回歸提供了一種簡單的機制。
modshot 可以在兩種模式下運行:
- 靜態(tài)HTML - 當提供輸入目錄時,modshot 會遞歸掃描目錄以查找
HTML文件。如果發(fā)現(xiàn)文件使用 PhantomJS 加載,則將截取屏幕截圖并將其放在與 HTML 文件相鄰的screenshots目錄中。對于后續(xù)運行,這些屏幕截圖用作基線。modshot 假定您遵循模塊化 UI 體系結構,其中每個 UI 組件都與測試文件和模擬 HTML 一起存在于其自己的目錄中。 - URL - 當提供 URL 時,modshot 使用 PhantomJS 加載 URL,截取屏幕截圖(如果提供了選擇器,則截取多個屏幕截圖)并將它們放在提供的輸出目錄中。對于后續(xù)運行,這些屏幕截圖用作基線。建議提供模塊的 CSS 選擇器作為選項,這樣采用的是模塊截圖而不是整個頁面。
如果兩種模式均被提供,modshot 會并行啟動它們。
在安裝 modshot 之前需先安裝 PhantomJS 1.8.2 或更高版本(但需低于2.0)。
評論
圖片
表情
