Testowanie Highcharts (biblioteka wykresów JS) z ogórkiem

Question

Mam aplikację, w której pomagamy naszym klientom wizualizować dane za pomocą wykresów renderowanych za pomocą highcharts. Przetwarzanie danych i wizualizacja to podstawowa wartość, którą zapewnia nasza aplikacja, innymi słowy jest ważna i powinna zostać przetestowana.

Używam ogórka do pisania testów integracyjnych dla aplikacji, chciałbym dołączyć kilka podstawowych testów naszych wdrożeń highcharts. Jestem szczególnie zainteresowany testowaniem poprawnych danych, a także niestandardowymi interakcjami ajaxowymi, które działają poprawnie. Przykładem funkcja może wyglądać mniej więcej tak:

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 

żadnego doświadczenia badawcze takie rzeczy i selen, które narzędzie, Watir itp użyto będą mile widziane.

Answer 1

Strategia że użyłem:

1. renderowania danych w tabeli HTML
2. wygenerować wykres w JavaScripcie przy użyciu danych z tej tabeli (np http://www.highcharts.com/demo/column-parsed)
3. użycie Ogórek tylko do sprawdź, czy tabela zawiera dane oczekiwane przy użyciu table diffs via tableish