인프런 커뮤니티 질문&답변

작성한 질문수

2시간으로 끝내는 프론트엔드 테스트 기본기

jest 테스트코드 작성을 위한 사전세팅

jest 테스트코드 작성을 위한 사전세팅 중 문제가 발생했습니다.

작성

802

수정됨

안녕하세요 jest 테스트코드 작성을 위한 사전세팅중
위와 같이 코드를 작성 후 실행하였더니

이러한 에러가 발생하였습니다.

jest를 사용하며 import라는 구문을 사용하지 못한다는 에러같은데 해결 방법이 있을까요??

퀴즈

51%나 틀려요. 한번 도전해보세요!

Jest와 같은 테스트 환경에서 'describe' 블록의 주된 역할은 무엇일까요?

개별 테스트 케이스를 정의합니다.

관련된 여러 테스트들을 하나로 묶어 그룹화합니다.

모든 테스트 실행 전에 한 번만 실행되는 코드를 정의합니다.

테스트 결과가 예상과 일치하는지 검증합니다.

답변 3

저도 환경설정 할 때, 비슷한 문제가 있었는데요. 저의 경우엔 Jest가 CSS를 parsing하려고 했을 때, 문제가 발생했습니다. 혹시 다른 분들께 도움이 되고자 댓글 남깁니다.

  moduleNameMapper: {
    "\\.(css|less)$": "<rootDir>/__mocks__/styleMock.cjs",
  },

// __mocks__/styleMock.cjs
module.exports = {};

감사합니다.. 덕분에 해결했습니다! 👍👍

와.. 저 이거때문에 1시간날렸는데 이 글 보고 바로 수정했습니다 감사합니다

질문자

처음부터 다시 하면서 공식문서 보고 수정하였더니 정상적으로 작동되는것 같습니다! 감사합니다!!

지식공유자

Extension만 jsx 로 변경해보시겠어요?

해결이 안된다면 코드를 같이 올려주세요. 저도 디버깅 해보겠습니다!

작성한 질문수