경북대 FE_정서현 5주차 과제 Step1

.babelrc

@@ -0,0 +1,6 @@
+{
+  "presets": [
+    "@babel/preset-env",
+    "@babel/preset-react",
+    "@babel/preset-typescript"]
+}

.eslintrc.js

@@ -14,6 +14,7 @@ module.exports = {
   parser: '@typescript-eslint/parser',
   parserOptions: {
     project: './tsconfig.json',
+    tsconfigRootDir: __dirname,
     ecmaFeatures: {
       jsx: true,
     },

README.md

@@ -8,19 +8,19 @@
 
 #### ✓ 1단계 - Form 부분 테스트 코드 작성하기
 
-- [ ] Jest와 React Testing Library 를 사용하여 테스트 기반 환경을 구축
+- [x] Jest와 React Testing Library 를 사용하여 테스트 기반 환경을 구축
 
-- [ ] MSW를 사용하여 Mock API가 동작하도록 구현 (상세 API / 옵션 API)
+- [x] MSW를 사용하여 Mock API가 동작하도록 구현 (상세 API / 옵션 API)
 
-- [ ] 단위 테스트로 작성하면 좋을 테스트가 있다면 단위테스트 코드를 작성
+- [x] 단위 테스트로 작성하면 좋을 테스트가 있다면 단위테스트 코드를 작성
 
-- [ ] 상품 상세 페이지와 관련된 통합 테스트 코드를 작성
+- [x] 상품 상세 페이지와 관련된 통합 테스트 코드를 작성
 
-- [ ] 결제하기 페이지의 Form과 관련된 통합 테스트 코드를 작성
+- [x] 결제하기 페이지의 Form과 관련된 통합 테스트 코드를 작성
 
-- [ ] 현금영수증 Checkbox가 false인 경우 현금영수증 종류, 현금영수증 번호 field 가 비활성화 되어있는지 확인하는 테스트 코드를 작성 (만약 true인 경우 현금영수증 종류, 번호 field에 값이 입력되게 함)
+- [x] 현금영수증 Checkbox가 false인 경우 현금영수증 종류, 현금영수증 번호 field 가 비활성화 되어있는지 확인하는 테스트 코드를 작성 (만약 true인 경우 현금영수증 종류, 번호 field에 값이 입력되게 함)
 
-- [ ] form의 validation 로직이 정상 동작하는지 확인하는 테스트 코드를 작성
+- [x] form의 validation 로직이 정상 동작하는지 확인하는 테스트 코드를 작성
 
 <br>
 

craco.config.js

@@ -1,6 +1,13 @@
 const path = require('path');
 
 module.exports = {
+  jest: {
+    configure: {
+      moduleNameMapper: {
+        '^@/(.*)$': '<rootDir>/src/$1',
+      },
+    },
+  },
   webpack: {
     alias: {
       '@': path.resolve(__dirname, 'src'),