視覺回歸測試(Visual Regression Testing),是在開發應用程式上,為確保每次更動 feature 後的介面,與前次視圖上的差異是否如預期。因此可以透過「截圖(screenshot)」保留畫面,並透過工具來比較。
流程如下:
視覺回歸測試非常適合用來檢視肉眼觀察不出的細緻差異,舉凡色相、字體大小、圖表、元素尺寸...。且當前許多測試工具(例如: BackstopJS、Puppeteer、Chromatic、Percy)有提供「比較圖像」的功能,甚至有的使用了一定程度的 AI 分析。讓工程師僅需執行,就可以獲得試圖差異比較報告,非常的便利。