inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

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

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

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

806

swoo1429

작성한 질문수 3

0

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

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

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

react jest 소프트웨어-테스트 Cypress storybook chatgpt

답변 3

8

mktae

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

 

  1. jest.config.cjs 파일에 아래 설정 추가

  moduleNameMapper: {
    "\\.(css|less)$": "<rootDir>/__mocks__/styleMock.cjs",
  },
  1. 루트 폴더에 __mocks__/styleMock.cjs 파일 만드시면 됩니다.

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

 

0

서정우

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

0

소현

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

1

swoo1429

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

 

0

제이쓴

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

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

13강 프로젝트 생성 Next.js 설치이슈

0

10

2

Shell Command: Install 'cursor' command 진행에서 막혔습니다

0

11

2

74. 데이터 캐시 - 1 (이론) 강의 영상 누락

0

11

1

Agent team / subagent 생성시 재사용 가능 여부

0

20

2

shirimp task manager는 프로젝트 처음 시작 단계에서도 쓴는 것 과 관련해서 질문

0

12

2

MCP 서버 내용 변경

0

17

2

Jest의 test와 it 사용에 대한 컨벤션 질문

0

41

1

'toBeInTheDocument'오류 문의

0

106

1

nock에서 에러가 발생합니다

0

127

1

HTTP mocking 라이브러리 선택에 대한 질문이 있습니다.

0

144

2

Cypress io가 유료인가요?

0

235

2

테스트 자동화를 cypress cloud로 하는 이유

0

201

1

jest.config.cjs로 작성했을 때 modules를 읽어올 수 없음

0

292

1

[공유] cy.visit() failed trying to load;

4

397

2

cypress 와 jest에서 타입만 다르다면? 그래도 같이 쓰는것도 좋지 않나요?

3

543

2

test 폴더

0

352

1

안녕하세요. 질문 있습니다.

2

436

3

강의 코드 질문이 있습니다!

0

446

1

테스트 코드의 흐름에 관해 질문이 있습니다!

0

308

1

테스트 실행이 안되는 문제..

0

623

1

섹션 3의 cypress 성공 케이스 작성 시, 에러 발생

1

523

2

테스트코드의 소스코드 관련 문의

1

506

2

테스트시 api 통신에 관한 질문입니다.

1

545

2

cypress와 함께 사용하면되는건가요?

1

429

1