如何測試JavaScript？

Question

雖然一段時間以來我一直在編碼JS，但我從來沒有真正專注於正式測試，然後通常點擊，希望有什麼會打破。現在我想看看這應該如何正確完成，並想知道在編寫JavaScript web應用程序時如何執行測試。據我所知，簡而言之，爲每個方法和返回值聲明測試。

現在，它如何適應JavaScript開發中JS與DOM互動，JS動畫，基於瀏覽器窗口計算距離等等。我會如何測試其他可能的問題，然後點擊左右直到出現問題？此外多個瀏覽器，所有這一切讓我非常困惑。

我的網絡應用程序使用模塊模式，嚴格模式編碼，使用jQuery和一堆插件。點擊直到休息的方式到目前爲止工作得很好，但我相信有更好的辦法，如果有人可以給我一個想法如何做到這一點，將不勝感激。

Answer 1

通常，使用模擬瀏覽器行爲的工具可以完成使用UI交互描述的測試類型。

例如，Selenium可以用來自動化不同的瀏覽器並點擊事物，然後聲明頁面的狀態如預期。

另一個有用的工具是phantomjs，它本質上是一個無頭腳本的瀏覽器。

這些可用於完整頁面的集成/功能測試。使用這些，您可以編寫一個測試腳本來定義一些交互（「點擊X，將鼠標懸停在Y上」），然後驗證頁面的狀態是您想要的（例如，通過檢查CSS選擇器是否匹配或者div是否可見等）

還有各種各樣的JavaScript單元測試工具，可用於測試不使用DOM等的單個JS模塊。