inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

따라하며 배우는 리액트 테스트 [2023.11 업데이트]

useState 배열값 변경의 경우 테스트 멈춤

411

건강한 독수리

작성한 질문수 1

0

질문있습니다.

const modelListData = ['model1', 'model2', 'model3']  
const [rowData, setRowData] = useState([])  

useEffect(() => { 	
   setRowData(modelListData) 
}, [modelListData])

위 처럼 작성을 한 후에 테스트를 돌리면 그냥 터미널이 멈춰 버립니다...
그런데 setRowData(modelListData)이걸 주석처리 하거나 배열이 아닌 타입의 값을 넣을 경우에는 테스트가 제대로 동작합니다. 혹시 test코드에 뭔가를 작성을 해주어야 할까요? ㅠㅠ

테스트 코드는 아래처럼 작성하고 돌려보았습니다.

describe('모델리스트 컴포넌트 및 기능 테스트', () => {
	test('테스트 왜 안됨?', () => {
		render(<ModelList />)
	})
})

 

그런데 터미널은 여기서 아무리 기다려도 다음으로 넘어가지 않습니다. 단 setRowData에 배열이 아닌 타입의 값을 넣을 경우에는 무리없이 잘돌아갑니다 ㅜㅜ
 RERUN  src/modelManager/components/ModelList.tsx x2

 · src/__test__/modelList.test.tsx (1)

   · 모델리스트 컴포넌트 및 기능 테스트 (1)

     · 테스트 왜 안됨?

 

 

 

 

react 웹앱 React-Context jest 소프트웨어-테스트

답변 1

0

건강한 독수리

앗 참고로 jest가 아닌 vitest 환경입니다!

제공해주신 코드를 vscode에서 켜도 eslint가 안됩니다.

0

278

2

ERROR

0

209

1

테스트 시간을 단축할 수 있는 방법에 대하여 문의드립니다.

0

360

1

test was not wrapped in act관련 질문

0

290

2

안녕하세요! 로딩 상태 테스트에 관련된 질문입니다.

0

394

1

강의 관련 내용 github 업로드 질문

0

307

1

이미지가 안보인다 하셔서 다시 질문드립니다.

0

414

2

Test Fail이 발생합니다 ㅠㅠ

0

356

1

스타일 컴포넌트 테스트 방법

0

438

1

msw 에러

0

632

1

toHaveTextContent 에러

0

442

1

msw안돼는사람

0

579

1

This could be because the text is broken up by multiple elements. 에러

0

1716

2

Type.test.js파일에 궁금한점이 생겼습니다

0

351

1

28강 수강 중 JSX 작성 방법에 대해 궁금해져서 질문 남깁니다!

0

398

1

toHaveTextContent 에서 에러가 자꾸 나는데 아무리 찾아도 잘 모르겠습니다.

0

610

2

aria-*

0

438

1

This XML file does not appear to have any style information associated with it. The document tree is shown below. 에러

1

14089

1

컴포넌트 props내려줄때 코드는 어떻게 해야하나요

0

248

0

es6 jest 미지원 오류 문의

0

857

1

test 여러 개 실행 - fail 발생

0

292

1

useMemo

0

282

1

axios 1.1.2 버전 issue ( SyntaxError: Cannot use import statement outside a module)

4

2224

5

2가지 질문사항입니다!

0

310

2