TDD는 리팩터링 시 데이터 인풋과 아웃풋이 변화없는지에만 활용할 수 있는 것은 아니다. UI에도 충분히 적용 가능하다. 예를들어 GNB의 컨텐츠는 그대로 둔 채 UI를 디벨롭하는 작업도 TDD를 적용할 수 있는 UI 리팩터링 작업이라 할 수 있다.
- How to -
변경 전 UI와 관련된 e2e 테스트 스위트가 있다면 변경 후 해당 테스트로 실패여부를 확인한다. UI 리팩터링 후 유저 측면에서 사용이 불가능해진, 혹은 어려워진 UI가 있는지 확인하는 것이다. 만일 이런 사항이 발견된다면 CSS가 잘못된 곳이 있거나 혹은 디자인 시안 자체의 수정이 요구되는 상황이므로 상용 배포 전 테스트 결과를 검토해볼 필요가 있다.