Highcharts thử nghiệm (thư viện biểu đồ JS) với Cucumber

Question

Tôi có một ứng dụng mà chúng tôi giúp khách hàng của mình trực quan hóa dữ liệu thông qua đồ thị được hiển thị với highcharts. Việc xử lý dữ liệu và trực quan hóa là giá trị chính mà ứng dụng của chúng tôi cung cấp, nói cách khác, nó quan trọng và cần được kiểm tra.

Tôi đang sử dụng dưa chuột để viết bài kiểm tra tích hợp cho ứng dụng, tôi muốn bao gồm một số bài kiểm tra cơ bản về việc triển khai bản đồ highcharts của chúng tôi. Tôi đặc biệt muốn kiểm tra rằng dữ liệu chính xác đang được vẽ cũng như các tương tác ajax tùy chỉnh đang hoạt động chính xác. Một tính năng mẫu có thể trông giống như sau:

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 

Bất kỳ trải nghiệm thử nghiệm nào như thế này và công cụ Selenium, Watir, v.v ... đã được sử dụng sẽ được đánh giá cao.

Answer 1

Một chiến lược mà tôi đã sử dụng:

1. làm cho dữ liệu trong một bảng HTML
2. tạo ra các biểu đồ trong JavaScript bằng cách sử dụng dữ liệu từ bảng đó (ví dụ http://www.highcharts.com/demo/column-parsed)
3. sử dụng dưa chuột chỉ đến xác minh rằng bảng chứa dữ liệu dự kiến ​​ sử dụng table diffs via tableish