AddressInput clear 버튼 접근성 개선으로 테스트 실패 해결

🤖 500 in / 555 out / 1055 total tokens

검색 버튼과 clear 버튼이 같은 역할(role)을 가지면서 테스트가 실패하던 문제를 해결했다.

AddressInput 컴포넌트의 clear 버튼에 title과 aria-label 속성을 추가했다. 이제 스크린 리더 사용자도 버튼의 용도를 명확히 알 수 있고, 테스트 코드에서도 버튼을 식별하기 쉬워졌다. 테스트 케이스는 getByRole 대신 getByTitle과 getByLabelText를 사용해 clear 버튼을 특정한다.

<button
  onClick={handleClear}
  className="p-1.5 rounded-full hover:bg-gray-100 transition-colors"
  title="삭제"
  aria-label="삭제"
>

접근성 속성은 사용자 경험 개선과 테스트 안정성 두 마리 토끼를 잡는다.