<div class="type-placeholder" style="font-size: 15px; letter-spacing: -0.3px; color: #abb0b5; white-space: pre-wrap;"><span style="color: #000000;">좋은 강의 감사합니다 ! 궁금한점이있습니다.</span></div>
<div class="type-placeholder" style="font-size: 15px; letter-spacing: -0.3px; color: #abb0b5; white-space: pre-wrap;"><span style="color: #000000;">현재 inline 으로 스타일을 넣으셨는데, 실무에서는 인라인 방법은 쓰지 않고있는것으로 알고있습니다. </span></div>
<div class="type-placeholder" style="font-size: 15px; letter-spacing: -0.3px; color: #abb0b5; white-space: pre-wrap;"><span style="color: #000000;"><span style="font-size: 15px; letter-spacing: -0.3px; white-space: pre-wrap;">emotion, styled-components, css module 으로 스타일을 변경시킬때도 이방법을 똑같이 사용하면 될까요? 아니면 이 방식은 inline 전용 테스트 방법일까요?</span><br /></span></div>

<p>안녕하세요 좋은 질문 감사합니다 !&nbsp;<br /><br />이 방법은 inline 전용이며&nbsp;&nbsp;<br />react-testing-library만을 사용한다면 inline 부분만 처리해주는걸 공식 문서에서 볼 수 있습니다 !&nbsp;<br /><br /></p>
<p>styled-component를 테스트하려면 별도 모듈을 설치해주셔야하는데&nbsp;<br />https://codesandbox.io/s/pknk1v4mmx?file=/src/index.test.js<br />이 사이트에 잘 나와있는거 같습니다 !!!&nbsp;<br />한번 참조해주시면 감사하겠습니다 !!!&nbsp;<br />감사합니다.</p>

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

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

emotion, styled-components, css module 등