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

강의의 예시와 같이

expect(textInput).toHaveStyle({
  borderWidth: 2,
  borderColor: rgb(25, 118, 210)
})

으로 할 경우 정상적으로 test passed가 되긴 하는데,

expect(textInput).toHaveStyle({
  borderWidth: 1,
  borderColor: rgb(25, 118, 210)
})

처럼 변경할 경우에도 test passed가 되네요.

testing-library/jest-dom#toHaveStyle 이나 비슷한 다른 이슈를 좀 확인해보니, 예시처럼이 아닌

expect(textInput).toHaveStyle({
  borderWidth: '1px',
  borderColor: rgb(25, 118, 210)
})

처럼 세팅해야 예상한대로 fail이 되는 것 같습니다.

그래서 border style을 검증하는 쪽 테스트 코드의 expect 부분도

expect(textInput).toHaveStyle({
  borderWidth: '2px',
  borderColor: rgb(25, 118, 210)
})

로 수정이 되어야 하지 않을까.. 조심스레 제안드려봅니다 ㅎ