使用Cucumber测试Highcharts(JS图表库)

时间:2011-03-30 19:20:41

标签: javascript ruby-on-rails ruby cucumber highcharts

我有一个应用程序,我们帮助客户通过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

任何测试此类事件以及使用Selenium,W​​atir等工具的经验都将受到赞赏。

1 个答案:

答案 0 :(得分:2)

我用过的策略:

  1. 在HTML表格中呈现数据
  2. 使用JavaScript生成图表 使用该表格中的数据(例如http://www.highcharts.com/demo/column-parsed
  3. 只使用Cucumber 验证表中是否包含 使用table diffs via tableish
  4. 的预期数据