2021년에는 카마를 사용하여 자바스크립트에 대한 유닛 테스트를 수행합니다.출발점
8241 단어 jestjavascriptkarmatesting
테스트 항목을 설정하고 어떻게 작동하는지 알아보자.첫 번째 단계는 NPM을 통한 설치
npm install karma
npx karma init
Do you want to use Require.js ?
no
Do you want to capture any browsers automatically ?
Press tab to list possible options. Enter empty string to move to the next question.
> Chrome
What is the location of your source and test files ?
You can use glob patterns, eg. "js/*.js" or "test/**/*Spec.js".
Enter empty string to move to the next question.
> src/**/*.test.js
> src/**/*.js
Should any of the files included by the previous patterns be excluded ?
You can use glob patterns, eg. "**/*.swp".
Enter empty string to move to the next question.
>
Do you want Karma to watch all the files and run the tests on change ?
Press tab to list possible options.
> yes
Config file generated at "/<project>/karma.conf.js".
+ "karma-chrome-launcher": "^3.1.0",
+ "karma-jasmine": "^4.0.1",
테스트 프로젝트로 돌아가서 카마 설정을 완성합시다.테스트 프레임워크로 Jasmine을 사용하기로 결정했기 때문에, 우리도 그것을 설치해야 한다.
npm install jasmine
지금 우리는 첫 번째 테스트를 작성하려고 한다.src/foo 파일을 만듭니다.테스트그리고 테스트 용례를 작성합니다.
describe('My first Karma test', function() {
it('should be true', function() {
expect(true).toEqual(true);
});
});
npx karma start
30 01 2021 14:59:09.329:WARN [karma]: No captured browser, open [http://localhost:9876/](http://localhost:9876/)
30 01 2021 14:59:09.353:INFO [karma-server]: **Karma v6.0.3 server started at** [**http://localhost:9876/**](http://localhost:9876/)
30 01 2021 14:59:09.353:INFO [launcher]: Launching browsers Chrome with concurrency unlimited
30 01 2021 14:59:09.358:INFO [launcher]: Starting browser Chrome
30 01 2021 14:59:10.799:INFO [Chrome 88.0.4324.96 (Mac OS 11.1.0)]: Connected on socket kj6wu3FYg7XPKEKCAAAB with id 15222593
Chrome 88.0.4324.96 (Mac OS 11.1.0): Executed 1 of 1 SUCCESS (0.002 secs / 0.002 secs)
**TOTAL: 1 SUCCESS**
it('should be true', function() {
expect(true).toEqual( **false** );
});
30 01 2021 15:02:37.443:INFO [filelist]: Changed file "/playground/src/foo.test.js".
Chrome 88.0.4324.96 (Mac OS 11.1.0) **My first Karma test should be true FAILED**
Error: **Expected true to equal false**.
at <Jasmine>
at UserContext.<anonymous> ( **src/foo.test.js:3:18** )
at <Jasmine>
Chrome 88.0.4324.96 (Mac OS 11.1.0): Executed 1 of 1 (1 FAILED) (6.226 secs / 0.001 secs)
**TOTAL: 1 FAILED, 0 SUCCESS**
그래.이전의 변경 사항을 복구해서 테스트를 복구합시다.테스트를 중지하려면 Karma가 실행하는 터미널에서 [Ctrl-C]를 누르십시오.이제 카마 프로필을 변경해서 테스트를 기본적으로 실행할 때 '감시' 가 필요하지 않게 합니다.이 점을 하려면 업력을 키워야 한다.conf.js 및 singleRun을false에서true로 변경
singleRun: **true** ,
npx karma start **--no-single-run**
npx karma run
이제 원본 파일에 대해 얘기해 봅시다.위의 예시에서, 우리는 테스트 파일을 추가했는데, 이 파일은 그 내부의 모든 논리를 포함한다.파일 src/foo를 만듭니다.js와 쓰기 함수 곱셈
function multiply(x, y) {
return x * y;
}
it('should multiply 2 on 2', function() {
expect(multiply(2, 2)).toEqual(4);
});
Chrome 88.0.4324.96 (Mac OS 11.1.0): Executed 2 of 2 SUCCESS (0.006 secs / 0 secs)
TOTAL: 2 SUCCESS
나는 여기서 이 문장을 다 썼다.이것은 Karma의 기본 설정이자 고급 설정의 시작점입니다.기본 설정부터 시작해서 정상적으로 작동할 수 있다고 확신할 때 고급 설정으로 전환하는 것을 권장합니다. 이것은 현재 웹 프로젝트의 사전 처리 절차를 포함합니다.
Reference
이 문제에 관하여(2021년에는 카마를 사용하여 자바스크립트에 대한 유닛 테스트를 수행합니다.출발점), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://dev.to/maksimrv/unit-testing-javascript-with-karma-in-2021-starting-point-5dml텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
좋은 웹페이지 즐겨찾기
