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

작성한 질문수

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

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

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

작성

802

수정됨

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

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

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

퀴즈

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

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

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

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

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

답변 3

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

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

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

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

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

질문자

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

지식공유자

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

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

작성한 질문수