Prueba de Highcharts (biblioteca de gráficos JS) con Cucumber

Question

Tengo una aplicación en la que ayudamos a nuestros clientes a visualizar datos a través de gráficos representados con highcharts. El procesamiento y la visualización de datos es el valor principal que brinda nuestra aplicación, en otras palabras, es importante y debe probarse.

Estoy usando pepino para escribir pruebas de integración para la aplicación, me gustaría incluir algunas pruebas básicas de nuestra implementación de Highcharts. Estoy especialmente interesado en probar que se tracen los datos correctos y que las interacciones personalizadas de ajax funcionan correctamente. Una característica ejemplo podría ser algo como esto:

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 

ninguna experiencia probar cosas como esta, y que Selenio herramienta, Watir, etc se utilizó sería apreciada.

Answer 1

Una estrategia que he utilizado:

1. representar los datos en una tabla HTML
2. generar el gráfico en JavaScript utilizando los datos de esa tabla (por ejemplo http://www.highcharts.com/demo/column-parsed)
3. uso pepino solo a verificar que la tabla contiene los datos esperados utilizando table diffs via tableish