2011-03-30 5 views
5

highcharts으로 렌더링 된 그래프를 통해 고객이 데이터를 시각화하는 데 도움이되는 어플리케이션이 있습니다. 데이터 처리 및 시각화는 응용 프로그램이 제공하는 기본 가치, 즉 중요하며 테스트해야합니다.오큐와 하이 차트 (JS 차트 라이브러리)

나는 응용 프로그램에 대한 통합 테스트를 작성하는 데 오이를 사용하고 있으며, 하이 차트 구현에 대한 몇 가지 기본 테스트를 포함하고자합니다. 나는 정확한 데이터가 플롯되고 사용자 정의 아약스 상호 작용이 제대로 작동하는지 테스트하는 데 특히 열중합니다. 예 기능은 다음과 같이 표시 될 수 있습니다

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 

경험 테스트 일을 도구 등 셀렌, Watir과, 사용이 감상 할 수있는이와 같은.

+4

플롯 된 데이터, 나는 당신의 테스트 경계가 Highchart에 전달되는 데이터라고 말하고 싶습니다; 하이 차트의 렌더링/그래프 작성을 테스트 할 필요가 없습니다. –

답변

2

내가 사용했던 전략 :

  1. 는 HTML 테이블
  2. 해당 테이블의 데이터를 사용하여 자바 스크립트 에서 차트를 생성에 데이터를 렌더링 (예를 들어 http://www.highcharts.com/demo/column-parsed)
  3. 사용 오이 단지 ~ 테이블에 예상 데이터가 포함되어 있는지 확인하십시오. table diffs via tableish
관련 문제