Тестирование Highcharts (библиотека графиков JS) с огурцом

Question

У меня есть приложение, в котором мы помогаем нашим клиентам визуализировать данные с помощью графиков, отображаемых с помощью старших диаграмм .Обработка и визуализация данных - это основная ценность, которую обеспечивает наше приложение, иными словами, она важна и должна быть протестирована.

Я использую огурец для написания интеграционных тестов для приложения, я хотел бы включить некоторые базовые тесты:наша реализация 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, Watir и т. Д., Будет оценен.

Answer 1

Стратегия, которую я использовал:

1. рендеринг данных в таблице HTML
2. генерация диаграммы в JavaScript с использованием данных из этой таблицы (например, http://www.highcharts.com/demo/column-parsed)
3. используйте Cucumber только для проверки того, что таблица содержит ожидаемые данные, используя таблица различий через tableish