backbone.js UI 테스팅 수행 방법

Question

그래서 기본적으로 일종의 모바일 앱 빌더 인 require.js 및 backbone.js (실제로는 marionette.js) 애플리케이션을 만들었습니다. 이 경우, 예를 들어 site.com/build/1234

• 을 드래그, 기존 프로젝트에 구성 요소를
  • 이동 확인 :

    지금 나는 기본적으로이 시나리오를 테스트, 그것에 대한 테스트를 만들려면 올바르게 추가되었습니다.

  • 구성 요소의 속성을 변경하고 올바르게 업데이트되었는지 확인하십시오. 예 : 예를 들어 이 선택 메뉴이고 작은 (보통, 큰) 크기를 변경하는 속성보다 속성을 나열한 속성 패널이 있습니다. I
    이 문제를 테스트 할 수 있어야합니다.

는 지금은, 많은 테스트 프레임 워크가 그러나 때문에, 구글에서 검색을 봤는데 내가 선택할 수있는 하나 확실하지 않다 어느 하나가 내가 필요로하는 기능을 제공합니다.

잠재적으로 PhantomJS는 내가 사용할 수있는 것 같지만, 구체적인 정보가 있으면 알려주십시오.

감사합니다. 당신이 실제로 당신이 당신 백본 구성 요소 (등 뷰, 컨트롤러) 및 템플릿이 제대로 작동하는지 테스트하려면 셀레늄 (http://docs.seleniumhq.org/projects/webdriver/)

조사, 클릭을 시뮬레이션하려면

Answer 1

, 당신이 JS를 사용할 수 있습니다 카르마 (http://karma-runner.github.io/0.12/index.html)와 같은 테스트 주자가 테스트를 실행합니다. Sinon은 아약스가 당신을 위해 전화를 조롱 할 수 있습니다. PhantomJ를 렌더링 엔진으로 사용할 수 있기 때문에 실제로 뷰를 렌더링 할 수 있으며 뷰. $() 스타일 DOM 검사를 사용하여 뷰의 출력을 확인할 수 있습니다.