使用Cucumber测试Highcharts（JS制图库）

Question

我有一个应用程序，我们可以帮助我们的客户通过使用highcharts呈现的图形来显示数据。数据处理和可视化是我们应用程序提供的主要价值，换句话说它是重要的，应该进行测试。

我正在使用黄瓜来编写应用程序的集成测试，我想包括我们的highcharts实现的一些基本测试。我特别热衷于测试正确的数据被绘制以及自定义ajax交互正常工作。一个例子功能可能是这个样子：

Feature: Plot Related Alarm Data 
    As an project owner 
    I want to see antecedent data plotted around the time of the alarm 
    So that I can diagnose the issue and save gobs of money. 

    Background: 
    Given a bunch of stuff is set up 
    And I am logged in 
    # ... 

    Scenario: Alarm data is plotted 
    Given I have an alarm 
    # ... 
    When I visit the alarm show page 
    Then I should see 5 days of data in my graph 

    Scenario: Alarm data is clicked 
    Given # ... 
    When # ... 
    And I click on a data point 
    Then I should be on the data page 

任何经验的测试这样的事情和工具硒的Watir等使用，将不胜感激。

Answer 1

，我已经使用的策略：

1. 呈现在HTML表格
2. 使用从表中的数据在JavaScript 图表的数据（例如http://www.highcharts.com/demo/column-parsed）
3. 用黄瓜刚至 验证该表是否包含使用的预期数据 table diffs via tableish