Vue CLI 유닛 테스트(단일 테스트 실행 방법)

Vue CLI 유닛 테스트(단일 테스트 실행 방법)

vue cli 3을 사용하는 vue 어플리케이션이 있습니다.셋업 프로세스에서 테스트 프레임워크로 joke를 선택했습니다.유닛 테스트를 실행하기 위해 패키지에 스크립트가 포함되어 있습니다.json:

test:unit": "vue-cli-service test:unit",

그리고 이것을 실행하려면 vs 코드 터미널에 씁니다.

npm run test:unit

그러면 패키지의 jest config 섹션에 설정된 사양을 충족하는 모든 테스트가 실행됩니다.json 파일.

문제는 어떻게 한 번의 테스트만 실행할 수 있느냐는 것입니다.실행해야 할 명령어가 있나요?또는 이 설정에서 사용할 수 있는 vscode 확장이 있습니까?

단일 파일만 실행하려면 다음 작업을 수행합니다.

npm run test:unit -t counter
OR
npm run test:unit counter

반면 counter.spec.js는 테스트파일입니다

Vue CLI 서비스는 Jest의 CLI 옵션을 존중하므로 이러한 옵션을 명령어에 추가할 수 있습니다.package.json,예

{
  ...
  "scripts": {
    "serve": "vue-cli-service serve",
    "build": "vue-cli-service build",
    "test:unit": "vue-cli-service test:unit",
    "test:only": "vue-cli-service test:unit --testPathPattern=user.store",
  },
  "dependencies": { 

testPathPattern스펙 파일명에 적용되는 regex를 사용하기 때문에 테스트에서 패턴을 지정하면

--testPathPattern=user.store  

단일 사양 파일을 실행하지만

--testPathPattern=store

일치하는 사양 파일을 여러 개 실행하고 있습니다.store명목으로.

Jese 문서 참조입니다.

그 때문에,only방법.이것은, 에 체인으로 접속할 수 있습니다.test직접 메서드

myunittests.spec.displaces

describe('My Unit Tests', () => {
    test('My excluded test', () => {
        ...
    })

    test.only('my single test', () => {
        ...
    })
})

그런 다음 테스트를 실행하여 실행할 수 있습니다.npm run test:unit -t myunittests.

또,skip접속할 수 있는 메서드입니다.

myunittests.spec.displaces

describe('My Unit Tests', () => {
    test('My excluded test', () => {
        ...
    })

    test.skip('my single test', () => {
        ...
    })
})

실행 시npm run test:unit -t myunittests다시 모든 '기타' 테스트가 실행 중임을 알 수 있습니다.

언급URL : https://stackoverflow.com/questions/54908671/vue-cli-unit-test-with-jest-how-to-run-single-test