실전 코드로 배우는 Vue.js

363

CHAPTER 11

Vue 테스트

globals: true,

}

})

한 가지 단계가 더 남았다.

globals

가 활성화되면 타입스크립트가

Vitest

API

의 전역 가용

성을 감지할 수 있어야 한다. 이를 위해 다음과 같이

tsconfig

.

json

파일의

types

배열에

vitest

/

globals

정의를 추가한다.

//tsconfig.json

"compilerOptions": {

"types": ["vitest/globals"]

}

이제 테스트를 작성할 준비가 모두 끝났다.

11.411.4

테스트 작성 테스트 작성

TDD

방법론을 따라 간단한 테스트를 작성해보자. 지정한 문자열과 배열 엘리먼트의 프로퍼

티 키를 기준으로 배열을 필터링하는 함수를 만들고, 이 함수가 제대로 작동하는지 테스트할

것이다.

먼저

filterArray

.

test

.

ts

파일을

src

/

tests

폴더에,

filterArray

.

ts

파일을

src

/

utils

폴더에 새로 만든다.

filterArray

.

test

.

ts

파일은

filterArray

함수를 익스포

트한다. 이 함수의 세 인수는

array

(

ArrayObject

배열 타입),

key

(

string

타입),

ter-

m

(

string

타입 )이며 입력 배열 원소를 조건에 맞게 걸러서

ArrayObject

배열로 반환한

다.

filterArray ...