inflearn logo
강의

Course

Instructor

Learn React Testing by Following [Updated November 2023]

Making an on/off button (toHaveStyle)

emotion, styled-components, css module 등

488

Jon

53 asked

1

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

React-Context 웹앱 react jest

Answer 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

284

2

ERROR

0

211

1

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

0

363

1

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

0

413

1

test was not wrapped in act관련 질문

0

293

2

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

0

397

1

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

0

308

1

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

0

416

2

Test Fail이 발생합니다 ㅠㅠ

0

357

1

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

0

441

1

msw 에러

0

642

1

toHaveTextContent 에러

0

450

1

msw안돼는사람

0

585

1

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

0

1720

2

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

0

353

1

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

0

403

1

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

0

612

2

aria-*

0

447

1

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

1

14133

1

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

0

250

0

es6 jest 미지원 오류 문의

0

863

1

test 여러 개 실행 - fail 발생

0

293

1

useMemo

0

286

1

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

4

2228

5