2012-02-09 28 views
2

我曾與C#和我寫我的代碼,有效的自動化測試,測試,會給我保證我們的業務,是該系統的功能的心臟。有沒有有效的自動接口測試?

現在我在一家廣告公司工作,現在我們的大問題是接口/設計問題,如失準的元素,色彩,文字字體,JavaScript的功能,如淡入/淡出和中的slideIn /滑出式元素,CSS問題,如重疊元素z-index,等等...

工具,比如硒/華廷不適合我,因爲這些工具來測試功能。不是設計(HTML,CSS)本身。設計中的HTML/CSS/Javascript(不是功能)是脆弱的。

今天,設計到測試的HTML/CSS/JavaScript的一起最好的方式是手動測試:一個人在尋找網頁上有錯誤。

有自動測試這種事情的有效途徑?

+1

因此,您想要一個打開每個瀏覽器的程序,嘗試您的頁面並向其發送包含未對齊的元素和不正確的z索引的任何錯誤的報告給您? – MetalFrog 2012-02-09 20:45:56

回答

0

我不知道如何測試動態的東西,如淡入和淡出,但靜態佈局進行檢查,恕我直言,在strightforward方式。作爲一項規則,你應該爲每個頁面設計一個圖像(化妝,模擬)作爲圖像。然後,您使用Selenium或其他自動化工具爲每個頁面拍攝快照,並將其與相應的設計進行比較。理想情況下,應該逐像素匹配,但您可以管理一些寬容。

0

有,你可以落實到位,以驗證這些驗證。

例子: HTML(http://validator.w3.org/

CSS(http://csslint.net/

JS(http://www.jslint.com

還有就是要測試這些所有的 「整體」 沒有真正的方法。原因在於HTML和CSS是可視的「演示」層。在這些語言中,取決於它們的版本的不同瀏覽器可以呈現元素,動作,事件並且更不同。相信我,這是前端開發人員的一大挫折。

大多數JavaScript框架出來,現在擁有所有的主流瀏覽器的支持(IE6 +,FFOX,Chrome瀏覽器,Safari瀏覽器,歌劇等)

這是一個網站,將告訴你什麼是HTML5和CSS3兼容: http://findmebyip.com/litmus

再一次,抱歉,但沒有辦法(至少我知道只是在全球「測試」)所有這些東西。

上面提到的JsLint可能是您所指的最接近的東西,只要能夠在環境中進行測試即可。但是,它不會檢查您的HTML或CSS與JavaScript語法的一致性,以及正確顯示的預期結果。

由於多年來瀏覽器的質量很差,缺乏標準兼容性,所以沒有「通用」測試方法。

如果你想只「測試」一個網站看起來如何在「每一個已知的瀏覽器」你會想看看這樣的事情: http://browsershots.org/

但是,它不會測試你的Javascript 。