PHPStorm으로 jsTestDriver 환경을 조정합니다.

이 기사를 작성할 때 PHPStorm은 V7.1.3입니다. 테스트 코드의 사태를 작성하는 방법은 몇 가지 기사를 쓰고 있지만 테스트 환경을 정돈하는 방법에 대해 정리하지 않았기 때문에 메모.

참고
Backbone.js의 이벤트 테스트에서 빠진 이야기
CoffeeScript로 AsyncTestCase 작성
비동기 함수 callback 테스트

jsTestDriver plug-in 다운로드

PHPStorm 환경 설정을 엽니다.

설정 검색에 plug를 입력하면 설정 항목이 필터링되어 편리합니다.

Browse repositories 버튼을 누릅니다.

리포지토리의 플러그인 목록이 표시되므로 jsT를 입력하여 항목을 필터링합니다.

jsTestDriver를 선택하고 다운로드 버튼을 누릅니다.

다운로드가 완료되면 PHPStorm을 다시 시작합니다. 재부팅하지 않으면 jsTestDriver가 활성화되지 않습니다.

라이브러리 추가

jsTestDriver 라이브러리를 추가하면 assertEquals와 같은 코드 완성이 가능합니다.
아래와 같은 테스트 코드 파일을 만듭니다.

hogetest.js

TestCase("test", {})

TestCase에 커서를 놓고 Option+Enter를 누릅니다. jsTestDriver assertion framework를 추가하시겠습니까? 와 같은 메시지가 표시되므로 OK를 누릅니다.

아래와 같이 환경설정에도 추가됩니다.

테스트 구성 파일 만들기

아래와 같은 테스트 설정 파일을 작성합니다. 파일의 내용까지는 여기에서는 설명하지 않습니다.

test.jstd

server: http://localhost:9876

load:
  - hoge.js

test:
  - hogetest.js

테스트 환경 설정

테스트 환경의 설정 화면에 jsTestDriver가 추가되어 있으므로 선택합니다.

설정의 이름은 적절하게 test 등을 입력합니다.

Configuration file은 방금 만든 jstd 파일을 선택합니다.

이 시점에서 Test Connection은 실패하므로 OK로 설정을 저장하십시오.

테스트 실행

어쨌든 이전 테스트 설정에서 테스트를 실행해 보겠습니다. mac의 경우 ^R입니다. 그러면 아래와 같은 오류가 표시되므로 Start a local server를 클릭합니다.


아래와 같이 jsTestDriver 화면이 추가됩니다.


테스트를 실행하고 싶은 브라우저를 선택하고, 다시 테스트를 시작(^R)하면 테스트가 실시됩니다.