inflearn logo
강의

講義

知識共有

フォローして学ぶリアクトテスト [2023.11アップデート]

on/off ボタンを作る(toHaveStyle)

emotion, styled-components, css module 등

486

Jon

投稿した質問数 53

1

좋은 강의 감사합니다 ! 궁금한점이있습니다.
현재 inline 으로 스타일을 넣으셨는데, 실무에서는 인라인 방법은 쓰지 않고있는것으로 알고있습니다.
emotion, styled-components, css module 으로 스타일을 변경시킬때도 이방법을 똑같이 사용하면 될까요? 아니면 이 방식은 inline 전용 테스트 방법일까요?

React-Context 웹앱 react jest

回答 2

3

John Ahn

안녕하세요 좋은 질문 감사합니다 ! 

이 방법은 inline 전용이며  
react-testing-library만을 사용한다면 inline 부분만 처리해주는걸 공식 문서에서 볼 수 있습니다 ! 

styled-component를 테스트하려면 별도 모듈을 설치해주셔야하는데 
https://codesandbox.io/s/pknk1v4mmx?file=/src/index.test.js
이 사이트에 잘 나와있는거 같습니다 !!! 
한번 참조해주시면 감사하겠습니다 !!! 
감사합니다.

0

Jon

John 님 감사합니다 ! 개인적으로도 찾아서 사용해봤습니다 ! 많은 도움되었습니다 ~!

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

0

281

2

ERROR

0

210

1

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

0

362

1

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

0

412

1

test was not wrapped in act관련 질문

0

290

2

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

0

395

1

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

0

307

1

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

0

414

2

Test Fail이 발생합니다 ㅠㅠ

0

357

1

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

0

439

1

msw 에러

0

633

1

toHaveTextContent 에러

0

447

1

msw안돼는사람

0

580

1

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

0

1717

2

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

0

352

1

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

0

398

1

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

0

612

2

aria-*

0

441

1

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

1

14122

1

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

0

249

0

es6 jest 미지원 오류 문의

0

860

1

test 여러 개 실행 - fail 발생

0

292

1

useMemo

0

284

1

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

4

2227

5