Enhance Chromatic UI snapshot test

[sungik-choi]

Description

• 크로마틱의 스냅샷 테스트가 유의미하게 동작하도록 수정합니다.
• 스냅샷 리뷰 과정에 대해 점검합니다.

Reasons for suggestion

현재 랜덤으로 이미지를 가져오는 등의 로직이 스토리에 포함되어있어 스냅샷 비교가 유의미하게 동작하고 있지 않습니다. 크로마틱의 스토리북 자동 배포 기능뿐만 아니라 UI 리뷰 기능도 잘 활용할 수 있도록 해야 합니다.

Proposed solution

• 스토리 내부의 랜덤으로 스타일을 변경하는 로직을 모두 제거합니다.
• Chromatic GitHub action에서 리뷰 관련 옵션 중 팀의 상황에 가장 적절한 옵션을 적용합니다.

References

• https://www.chromatic.com/docs/review

[sungik-choi]

• 현재 크로마틱 무료 플랜은 한달에 5000 snapshot, story 하나당 1snapshot만 제공하는데, PR 업데이트마다 빌드를 하니 월초에 바로 제한을 초과해버리는 상황.
• 이슈의 우선순위를 낮추고, 일단 스토리북 자동 배포만 사용하는 방향으로.

[sungik-choi]

• https://www.chromatic.com/docs/ignoring-elements
• Use case: Radix UI
• 기본적으로 스냅샷을 비활성화시키고, 해당하는 스토리만 화이트리스트에 등록하여 활성화하는 방식을 도입해보자.
• Unify the way writing unit tests #1330, Unify the way writing story #1331 관련하여 인터랙션 테스트까지 스토리에 포함되면 스토리가 너무 비대해질 수 있으므로 별도의 파일로 분리하는 방법도 생각해보자