저는 React와 Typescript를 사용하고 있습니다.
테스트 파일에서 구성 요소를 렌더링하려고 합니다
으아악헤더 구성 요소는 actions.tsx
의 액션 생성기를 사용하고 있습니다. 으아악loadRepo는 axios를 사용하는 비동기 작업 생성기입니다. actions.tsx에서 axios를 가져왔기 때문에 테스트에서 오류가 발생했습니다. 오류는 다음과 같습니다. import 문은 모듈 외부에서 사용할 수 없습니다.
babel과 jest 구성을 설정해보았습니다. 이것이 내가 가진 것입니다.
babel.config.js
으아악jest.config.js
으아악패키지.json
test("Render Header", () => { render(<Header />); });
jest가 commonjs axios 빌드를 가져오도록 package.json에 다음 코드를 추가하여 이 오류를 해결할 수 있었습니다
으아아아