測試JavaScript圖表

我目前正在建立使用各種庫（大部分時間是d3和nvd3）的圖表。我想要構建一組自動化測試，看看我輸入到API中的數據是否正確地分發了數據。測試JavaScript圖表

你如何測試圖表？單元測試是否是正確的方法，或者是否只是目光觀察圖表才能做到這一點？

2013-07-22 Joseph

您可以在生成的圖表比較了「預期「圖表（例如比較DOM樹），但這可能會非常脆弱，具體取決於您的要求。 –

Selenium也可以用來自動比較屏幕截圖;這對於：「這是輸出與一週前相同的圖表」而不是「這個圖表代碼是否能夠正確顯示它可以發送的所有類型的數據」http://stackoverflow.com/questions/14284915/fuzzy-screenshot-comparison-with-selenium –

在某種程度上，SVG標記提供了一個抽象層（即抽象出實際的渲染）。因此，這裏的一個選擇是測試生成的SVG，而不是截圖 - 這應該不那麼脆弱，因爲它不會因CSS更改或反鋸齒問題而中斷。 – nrabinowitz

您可以使用PhantomJS採取一些截圖：https://github.com/ariya/phantomjs/wiki/Screen-Capture

您還可以比較生成的DOM結構（這是我做了這個項目：https://github.com/angular-d3/line-chart）

來源

2013-07-31 12:24:30 LoremIpsum

測試JavaScript圖表

回答

相關問題