단위 테스트를 사용하고 IDE를 사용하여 Javascript로 개발하는 방법

Question

파일 저장, 웹 브라우저로 전환 및 작동 여부 새로 고침 및보기가 마음에 들지 않습니다.

그래서 내가 묻습니다.

Eclipse를 사용하여 PHP를 사용해야 할 때 단위 테스트를 만들고 제대로 작동하는지 확인한 후 약간만 쓰고 테스트 한 후 약간만 테스트하고 테스트 해 볼 수 있습니다. 따라서 Javascript를 "개발"하는 것과 같은 방법으로 청크를 작성하고 작동하는지 확인하지만 버튼으로 트리거 된 동작을 테스트 할 수 있는지는 잘 모르겠습니다.

"Javascript development"및 기타 용어를 검색했습니다. 예상되는 일을 처리합니다 ... 안녕하세요. 자바 스크립트 스 니핏 (snippits).

누군가 나를 올바른 방향으로 안내 할 수 있습니까? 현재 Eclipse (Eclipse CDT, PyDev, Eclipse PHP 등)를 사용하고 있으며 디버깅 할 수 있습니다. Javascript에 대한 단계별 디버깅 없이는 할 수 있지만, 실제로는 단위 테스트가 필요합니다.

내가 가진 다른 문제는 무엇이 잘못되었는지 찾아내는 것입니다. 심지어 PHP가 전화 추적을 제공 할 수도 있습니다. 웹 개발자 설정에서 파이어 폭스의 성가신 액세스 오류가 붙어 있습니다.

더 좋은 방법이 있어야합니다. 그러나 나는 그것을 찾기 위해 고심 중입니다.

Answer 1

파이어 폭스에는 파이어 버그라는 플러그인이 있습니다. 그것이 당신이 이야기하고있는 짜증나는 Firefox 도구가 아니라면, 그것이 당신을 도울지를보기 위해 그것을 체크 아웃해야합니다.

Answer 2

단계 1; 정적 분석 : http://www.jslint.com/

2 단계; 테스트 : Automatic tests in Eclipse for JavaScript

단계 세는 : JavaScript The Good Parts

Answer 3

난 당신이 크롬 개발자 모드를 사용하는 것이 좋습니다하거나 파이어 폭스에 대한 firebug를 사용할 수 있습니다. Grunt에서 봐 here

Answer 4

에서

잡아 불을 지르고, 그것은 축소를, 컴파일, linting 및 단위 테스트 등의 작업을 자동화에 도움이 명령 줄 "자바 스크립트 작업 주자"입니다.

다른 많은 도구와 프레임 워크에는 많은 플러그인이 있습니다. 단위 테스트를 지원하지 않는 프레임 워크 나 프레임 워크를 사용하지 않는다면 테스트 프레임 워크를 사용해야합니다. 다음은 (주로 tdd 스타일의) 프레임 워크 목록입니다. JavaScript unit test tools for TDD

테스트는 일반적으로 grunt test을 통해 콘솔에서 "헤드리스"로 실행됩니다. 테스트 프레임 워크에 따라 최신 테스트 결과를 보여주는 멋진 웹 페이지가 생성 될 수도 있습니다. 이 콘솔 명령을 실행하기 위해 IDE에서 버튼/단축키/동작을 설정할 수 있습니다 (대부분의 편집자도이 기능을 가지고 있습니다).

Yeoman (패키지 관리자와 스캐 폴딩 및 일부 불평 플러그인 추가)의 일부로 꿀꺽 꿀꺽 소리를 사용했습니다. 가장 유용한 기능은 파일 변경에 대한 불만을 토로 할 수 있다는 것입니다. 즉, IDE 또는 텍스트 편집기를 사용하여 과장을 사용하지 않아도됩니다. 파일을 저장하기 만하면 단위 테스트와 같은 작업이 자동으로 실행됩니다.또 다른 유용한 기능은 파일을 저장할 때 브라우저에서 페이지를 자동으로 다시로드하는 서버를 시작하는 livereload 플러그인과 함께 사용하는 grunt serve 명령입니다.

단점은 단일 페이지 웹 응용 프로그램에 더 중점을 둔 것처럼 보입니다. 복잡한 페이지가 서버 측에서 생성되고 일부 javascript 만 있으면 사용자의 요구에 맞지 않을 수 있습니다.

Answer 5

단위 테스트가 필요한 경우 QUnit, Jasmine 또는 Mocha/Chai에 대해 이야기하고 있습니다. (나는 모카/차이를 사용한다). 까다로운 부분은 브라우저없이 테스트하는 것입니다. 첫 번째 옵션은 CasperJs와 PhantomJs를 사용하는 것입니다. 이들은 라이브 브라우저에 있지 않아도 JavaScript를 실행할 수있는 헤드리스 브라우저이므로 명령 행에서 모든 테스트를 자동화 할 수 있습니다. 카르마에 추가하면 헤드리스 방식으로 지정한만큼의 브라우저에서 테스트 할 수 있습니다.

PHP를 사용하는 경우 Packagist 저장소에서 Codeception을 설치할 수 있습니다. 통합 테스트 모듈에서 Selenium을 추가하십시오. 이렇게하면 어떤 브라우저를 실행 시킬지 묻습니다. 이것은 JavaScript로 PHP를 사용하여 테스트하는 가장 좋은 방법입니다 (기본값 인 또 다른 패키지 인 PhpBrowser를 사용하는 경우 훨씬 빠르지 만 자바 스크립트는 인식하지 못합니다). 실제로는 묶음을 열어 성능이 높습니다 각기 다른 브라우저를 사용하고 각 테스트를 수행하십시오. 빌드 프로세스의 마지막 부분을 제외하고는 권장하지 않습니다. 내가 단위 테스트를위한 jasmine.js을 사용하고

http://www.letscodejavascript.com/

Answer 6

: 철저하게 자바 스크립트를 테스트하는 방법을 배우고 싶다면

, 여기 당신의 사람입니다.

내 편집기는 내장 웹 서버가있는 대괄호입니다. 대괄호는 JS 코드가 포함 된 HTML 페이지 (예 : Chrome)를 열고 html 파일로로드 된 js 파일을 저장할 때마다 페이지를 자동으로 다시로드합니다.

jasmine과 결합하면 js 파일을 저장할 때 항상 단위 테스트가 실행되는 설정이 있습니다.

그러나 버튼의 기능을 테스트하려는 경우에는 별 도움이되지 않습니다. 당신이 단위 테스트에서 bussinesslogic를 호출 할 수 있도록 버튼이 UI를 변경하지 않는 몇 가지 코드를 시작하면

이

1. , 다음, 이벤트 핸들러에서 businiesslogic을 분할한다 : 나는 두 가지 가능성이 있다고 생각 UI없이.
2. 는 버튼이 UI를 변경하는 경우, 당신은 셀레늄 또는 브라우저에서 GUI를