最佳使用之重要考量

在深入了解 @wdio/visual-service 的強大功能之前，務必先了解一些關鍵考量，以確保您能充分利用此工具。以下各點旨在引導您了解最佳實務和常見陷阱，協助您獲得準確且有效率的視覺測試結果。這些考量不僅僅是建議，更是有效利用服務於實際應用場景中時必須牢記的重要事項。

比較的性質

• 逐像素比較： 該模組執行圖像的逐像素比較。雖然某些方面可以調整（請參閱比較選項），但核心方法仍然是基本的像素比較。
• 瀏覽器更新的影響： 請注意，瀏覽器（如 Chrome）的更新可能會影響字型渲染，可能需要更新您的基準圖像。

平台的連貫性

• 比較相同的平台： 確保在相同平台內比較螢幕截圖。例如，Mac 上 Chrome 的螢幕截圖不應與 Ubuntu 或 Windows 上 Chrome 的螢幕截圖進行比較。
• 比喻： 簡單來說，比較「蘋果與蘋果，而不是蘋果與安卓」。

注意不匹配百分比

• 接受不匹配的風險： 接受不匹配百分比時請謹慎。對於大型螢幕截圖尤其如此，接受不匹配可能會無意中忽略重大差異，例如遺失的按鈕或元素。

行動螢幕模擬

• 避免調整瀏覽器大小來進行行動模擬： 請勿嘗試調整桌面瀏覽器大小，並將其視為行動瀏覽器來模擬行動螢幕大小。即使調整大小，桌面瀏覽器也無法準確重現實際行動瀏覽器的渲染。
• 比較的真實性： 此工具旨在比較視覺效果，使其與最終使用者看到的效果一致。調整大小的桌面瀏覽器無法反映行動裝置上的真實體驗。

對無頭瀏覽器的立場

• 不建議用於無頭瀏覽器： 不建議將此模組與無頭瀏覽器一起使用。原因是最終使用者不會與無頭瀏覽器互動，因此將不支援由此類使用引起的問題。