[실패사례] frontend 테스트 코드 ai 도움받아보기

[lepffm]

목표

Vue Component Test 코드 생성 자동화

기대효과

1) 단순 반복 작업 최소화

• 테스트 파일 생성
• 테스트 파일 기본 구조 작성
• 테스트 요소에 대한 테스트 기본 코드 작성 2) AI 사용 훈련
• AI 프롬프트 써보기

  현재 부족한 점

  1) nodejs 언어에 익숙하지 않음 2) vue 에서 정보를 추출하는 방법을 모름 3) 템플릿을 이용하여 파일을 만드는 방법을 모름

Prompt

1) Vue SFC 를 파싱하는 데 사용되는 라이브러리를 소개해줘. 예제도 알려줘. 2) Vue 파서를 이용하여 SFC 에서 template 내 모든 button element 를 추출하는 예제를 알려줘. 3) nodejs 에서 쓰이는 템플릿 엔진 라이브러리를 소개해줘. 예제도 알려줘.

결과

1) 라이브러리 소개는 정상. 예제는 거짓말/컴파일 안됨 2) 예제는 거짓말/컴파일 안됨 3) 라이브러리 소개는 정상. 예제는 정상/컴파일 안됨

Lesson & Learned

• AI
  • 잘 알려진 정보는 AI가 비교적 정확하게 제공해 줌
  • 가본 적 없는 길은 가본 것처럼 말함
• 자동화
  • 파일 기반 정보 추출은 child component 에 정보가 숨겨진 경우 추출 불가
  • Framework 에 따라 추출해야할 정보가 다를 수 있음
  • 실제 복잡한 테스트 및 검증 로직은 자동화가 불가능할 것으로 보임