Test des graphes haute (bibliothèque de graphiques JS) avec concombre

Question

J'ai une application dans laquelle nous aidons nos clients à visualiser les données via des graphiques rendus avec highcharts. Le traitement et la visualisation des données est la valeur principale que notre application fournit, en d'autres termes, elle est importante et devrait être testée. J'utilise concombre pour écrire des tests d'intégration pour l'application, je voudrais inclure quelques tests de base de notre mise en œuvre de highcharts. Je suis particulièrement désireux de tester que les données correctes sont tracées et que les interactions ajax personnalisées fonctionnent correctement. Une caractéristique exemple pourrait ressembler à ceci:

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 

Toute choses de tests d'expérience comme celui-ci et qui Sélénium outil, Watir, etc a été utilisé serait apprécié.

Answer 1

Une stratégie que je l'ai utilisé:

1. rendent les données dans un tableau HTML
2. générer le graphique en JavaScript en utilisant les données de ce tableau (par exemple http://www.highcharts.com/demo/column-parsed)
3. utilisation concombre juste à vérifier que la table contient les données attendues en utilisant table diffs via tableish