나는 npm과 webpack과 반응한다. 단위 테스트를 추가하려고합니다.CDN의 외부 JS를 Jest Unit 테스트에 주입하는 방법은 무엇입니까?
노드 모듈을 사용하는 대신 index.html에 CDN의 jQuery를 사용하고 있습니다.
단위 테스트 케이스를 추가 한 구성 요소 Test1에서 jQuery를 사용하고 있습니다. 나는 내가 농담 내가 구성 요소에 jQuery를에게 수입을 가져 오지 않았다로 해결할 수없는 것을 이해 ReferenceError: $ is not defined 말하는 오류를 받고 있어요 테스트 케이스를 실행하고있어 지금
.
질문은 Jest가 외부 JS에 대해 어떻게 알 수 있습니까?
이렇게하려면 몇 가지 방법이 있습니다. 내가 Require.js을 사용하는 것을 선호하지만 이미 브라우저 파이 또는 Webpack과 같은 다른 번들을 사용하고있을 수도 있습니다. Require.js의 빠른 시작은 예제 프로젝트 this입니다. 즉, CDN 파일과 함께 Require.js를 설정하고 프런트 엔드에서 번들 된 결과를 참조한 다음 Require.js를 테스트에 연결 한 다음 require()을 다른 노드 모듈처럼 사용하십시오.
"setupFiles"configuration을 사용하면 Jest가 테스트 실행을 시작하기 전에 필요한 모든 스크립트/라이브러리/모듈을 실행할 수 있습니다.
"setupFiles": [ "path/to/setup.js"]에 파일을 만들어 추가하십시오. 예를 들어
, global.jQuery = global.$ = require('path/to/jQuery')
찾아주세요 내 query 농담의 GitHub의의의 repo에 게시.
이미 Webpack을 사용하고 있으므로 Webpack을 사용하여이 기능을 구현할 수 있습니까? 또한이 문서는 테스트를 실행하기 전에 설치 파일을 실행할 수 있다고 말합니다. https://facebook.github.io/jest/docs/configuration.html#setupfiles-array –