프론트엔드/단위 테스트15 첫 테스트 tests -> example.js 파일 생성 // export 키워드를 붙여서 외부에서 테스트할수 있도록 설정 export function double(num) { return num * 2 } 명령어 스크립트 생성 -> package.json 파일에 코드 추가 "test:unit": "jest --watchAll" 콘솔창에 명령어 입력: npm run test:unit 성공 확인 실패 확인 example.test.js 코드 수정 import {double} from './example' test('첫 테스트', () => { expect(123).toBe(123) }) test('인수가 숫자 데이터입니다', () => { expect(double(3)).toBe(6) expect(double(10)).. 2022. 1. 16. 테스트 환경 구성 패키지 설치 jest 설치 명령어: npm i -D jest @vue/test-utils@next vue-jest@next babel-jest jest환경설정 js파일 생성 루트경로 -> jest.config.js 파일 생성 module.exports = { // 파일 확장자를 지정하지 않은 경우, Jest가 검색할 확장자 목록입니다. // 일반적으로 많이 사용되는 모듈의 확장자를 지정합니다. // E.g. `import HelloWorld from '~/components/HelloWorld';` moduleFileExtensions: [ 'js', 'vue' ], // `~` 같은 경로 별칭을 매핑합니다. // `` 토큰을 사용해 루트 경로를 참조할 수 있습니다. // E.g. `import Hell.. 2022. 1. 16. 테스트 개요 Unit Test 단위(Unit) 테스트란 데이터(상태), 함수(메소드), 컴포넌트 등의 정의된 프로그램 최소 단위들이 독립적으로 정상 동작하는지 확인하는 방법. -> 프로젝트 파일에서 테스트 툴: Jest, Vue Test Utils E2E Test E2E(End to End) 테스트란 애플리케이션의 처음부터 끝까지의 실제 사용자의 관점에서 사용 흐름을 테스트하는 방법 -> 화면에서 테스트 툴: Cypress 2022. 1. 16. 이전 1 2 3 다음
