[TOC] # backstop ## 安裝 ``` yarn global add backstopjs ``` <br> ## 初始化 ``` backstop init ``` <br> 修改 backstop.json * scenarios.url：要測試的頁面 * viewports：使用的設備 * bitmaps_reference：參考圖片文件夾 * html_report：報告生成路徑 <br> 圖片對應頁面的名稱與 id、viewports.label、scenarios.label關聯 <br> 注入cookie：cookie.json <br> ## 啟動 ``` backstop test ``` <br> ## 結果