feat(divider): Divider 컴포넌트 구현 #28
Conversation
heeji289
requested review from
kimdaeyeobbb,
hy57in,
developerjhp,
bae-sh,
noahluftyang and
froggy1014
as code owners
|
|
||
| const divider = screen.getByRole('separator'); | ||
|
|
||
| expect(divider).toHaveAttribute('aria-orientation', 'horizontal'); |
There was a problem hiding this comment.
오 이런 aria 속성이 있는지 처음 알았네요~
| const divider = screen.getByRole('separator'); | ||
|
|
||
| expect(divider).toHaveAttribute('aria-orientation', 'horizontal'); | ||
| expect(divider).toHaveClass(styles.horizontal); |
There was a problem hiding this comment.
class를 검증하기보다는 실제 적용되길 기대하는 스타일이 어떤건지를 검증해보면 어떨까요?!
|
희지님 최고~~ 👍👍👍 |
packages/divider/src/Divider.tsx
Outdated
| return ( | ||
| <hr | ||
| aria-orientation={orientation} | ||
| className={`${styles[orientation]} ${styles.divider}`} |
There was a problem hiding this comment.
현재 props에 className이 없어서 TailwindCSS를 사용하는 프로젝트에서 스타일을 확장하거나 커스터마이징하기 어려울 것 같습니다.
컴포넌트를 여러 프로젝트에서 재사용하려면 className을 지원해 스타일링의 유연성을 높이는 것이 좋을 것 같습니다.
There was a problem hiding this comment.
a198ac8 수정했습니다!
놓쳤던 부분인데 감사합니다
|
오호 radix와 MUI가 style 로 받게 되어 있군요..! |
|
테스트! |
|
이거 다른 분들 의견도 궁금한데 채널에서 함 논의해보면 어떨까요?? |
좋아요! 다음 안건으로 올려요!! |
|
변경사항
시각자료
체크리스트
추가 논의사항