2011-03-30 12 views
5

highchartsでレンダリングされたグラフを使ってクライアントがデータを視覚化するのに役立つアプリケーションがあります。データ処理とビジュアライゼーションは、アプリケーションが提供する主な価値です。言い換えれば、重要な点であり、テストする必要があります。キュウリのハイチャート(JSチャートライブラリ)

私はキュウリを使用してアプリケーションの統合テストを作成していますが、ハイチャートの実装に関する基本的なテストをいくつか含めることにします。私は特に、正しいデータがプロットされていることとカスタム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 

をいただければ幸いです。

+4

データ、私はあなたのテスト境界がHighchartに渡されるデータであると言います。ハイチャートのレンダリング/グラフ作成をテストする必要はありません。 –

答えて

2

私が使用した戦略:

  1. (例えばhttp://www.highcharts.com/demo/column-parsed)HTMLテーブル内のデータ
  2. は、そのテーブルからのデータを使用してJavaScriptの でチャートを生成するレンダリングだけでキュウリを使用〜 テーブルに 期待データが含まれていることを確認してください。table diffs via tableish
関連する問題