你如何測試可視化組件？

Question

我想我理解單元測試。但我想知道：有沒有一種方法可以自動化視覺效果，比如確保消除鋸齒效果，或者網站上的圓角看起來應該如何？我有一種感覺，這是不切實際的，但我在QA世界中幾乎沒有經驗。

Answer 1

「反鋸齒工作或網站上的圓角看起來應該如何？」

理論上你可以編寫自動化工具來獲取渲染的快照並以某種方式解析它們並與模型進行比較。

您需要某種「錨定」機制將模型答案與呈現的輸出對齊，然後對其執行色差比較，其中得到的輸出是完整的黑色圖像==完全符合。

但是，這樣做無疑是詳盡複雜，不會補償感性故障，如它是如何看到一個色盲的人在屏幕上有弱校準colourmap。

您需要做的是在應用程序中創建一個可能的所有導航路徑的完整樹（稍微容易一些，以編程方式/測試套件驅動），然後將規範傳遞給一組人，在各種平臺上執行。

，本週將處理，但會 你重複的手工測試埃維時間 您更改代碼？或者每發佈一次 ？手動測試 根本不會縮放。他們在短期內很便宜，但從長遠來看 毫無價值。 - Tim Ottinger

FWIW，即使Firefox仍然有一個人爲驅動的測試套件。人類只是更好地認識到行爲，即在達到既定標準的同時，不符合尚未被任意定義的其他標準，因此尚未爲此編寫測試案例。

Answer 2

做走廊可用性測試。 ;）

http://www.joelonsoftware.com/articles/fog0000000043.html

Answer 3

你也可以考慮在GUI自動化程度，使用的工具，如TestComplete。有許多這樣的工具在一系列價格範圍內具有大量的功能。查看SQAF automation forum以獲得關於此主題的一些良好討論。

Answer 4

這是單元測試的難題，並沒有很好的答案。技術上檢查屏幕上顯示的結果不再是單元測試（這是更多的功能測試）。

我發現的最佳方法是構建代碼，使視圖層儘可能地變爲薄。像MVC和演示模型這樣的模式對此很有用。一旦你完成了這些，你就可以以編程方式測試視圖的業務邏輯（就像視圖組件之間的特定交互），而不必實際顯示任何內容。