用protractorjs / Selenium测试Highcharts

Question

我正在使用protractorjs来测试使用angular构建的网站。 角度网站使用Highcharts http://www.highcharts.com/生成大量图表。

我发现很难通过protractorjs测试这些图表进行EtoE测试。 有谁知道更好的测试Highcharts的方法 量角器或任何其他测试工具。

What I am basically looking is for checking whether the 
-highchart was loaded on the page, 
-checking if the toolstip show data from the JSON file
-The number of bars showing on the highchart have correct values fetched from the JSON. 
- Extracting the Highchart JSON from the server response.

感谢。

Answer 1

这里没有大量的细节，但是我使用RSpec来对抗Angular项目，就像你的那样也使用了highcharts。

你的图表应该在某个带有id的div中。在我的应用程序中，它包裹在.highcharts-container中。你可以等待它们出现并断言它们。

应该有一个名为.highcharts-tooltip的类，你可以找到它并对特定值进行断言。