테스트 및 디버깅

Verdent for VS Code는 여러 차례의 생성-테스트-수정 사이클, 오류 분석, 자동화된 테스트 커버리지 개선을 통해 포괄적인 테스트를 작성하고 문제를 디버깅할 수 있게 도와줍니다. 프로젝트의 테스트 프레임워크와 스타일에 맞는 단위, 통합, 엔드투엔드 테스트를 생성합니다.

배울 내용

• 엣지 케이스와 기대 동작을 다루는 단위 테스트 생성
• 주요 테스트 프레임워크(Jest, Pytest, JUnit 등)와 함께 작업
• 여러 컴포넌트가 함께 동작하는 워크플로를 검증하는 통합 테스트 작성
• 테스트되지 않은 코드 경로를 찾아 테스트하여 커버리지 개선
• 오류 메시지 분석과 실행 추적으로 문제 디버깅
• 스택 트레이스, 오류 로그, 예상과 다른 동작으로부터 버그 진단

사전 준비

Verdent로 테스트하고 디버깅하기 전에 다음을 준비합니다.

• Verdent 확장이 설치된 Visual Studio Code
• VS Code에서 열려 있는 코드베이스 또는 프로젝트 워크스페이스
• 사용 가능한 크레딧이 있는 활성 Verdent 구독
• 프로젝트에 설정된 테스트 프레임워크(테스트 생성에는 선택 사항)

단위 테스트 작성

Verdent는 프로젝트의 테스트 프레임워크와 스타일에 맞는 단위 테스트를 생성합니다. 기존 테스트를 분석해 패턴을 이해한 뒤, 적절한 설정, 어설션, 모킹이 포함된 테스트를 생성합니다.

예시:

Write unit tests for the calculateDiscount function

Verdent는 다음을 수행합니다.

• calculateDiscount 함수 구현 검토
• 입력 매개변수와 반환값 식별
• 기존 테스트를 분석해 규칙(테스트 구조, 어설션 스타일, 이름 지정 패턴)에 맞춤
• 다음을 다루는 테스트 생성:
  • 정상 경로: 유효한 입력과 기대 출력
  • 엣지 케이스: 경계값, 0, 음수, 최댓값
  • 잘못된 입력: null, undefined, 잘못된 타입
  • 기대 동작: 비즈니스 로직 검증

생성되는 테스트 구조:

Verdent는 프로젝트의 패턴을 따르는 테스트를 만듭니다.

• 테스트 스위트 구성: Describe 블록, 테스트 클래스 또는 모듈 구조
• 설정 및 정리: 기존 테스트에 맞는 before/after 훅
• 어설션: 프로젝트의 어설션 라이브러리 사용(expect, assert, should 등)
• 모킹: 모킹 패턴에 맞춤(jest.mock, sinon, unittest.mock)
• 이름 지정 규칙: 이미 정한 스타일을 따르는 테스트 이름

여러 차례의 생성-테스트-수정 사이클:

포괄적인 테스트를 위해 Verdent는 여러 차례의 사이클을 사용합니다.

1. 생성: 초기 테스트 스위트 작성
2. 실행: 테스트를 실행해 정상 동작 확인
3. 수정: 실패한 테스트를 고치거나 커버리지 개선
4. 반복: 테스트가 통과하고 커버리지가 충분할 때까지 반복

이를 통해 테스트가 단순히 작성되는 데 그치지 않고, 실제로 코드베이스에서 올바르게 동작하도록 보장합니다.

지원되는 테스트 프레임워크

Verdent는 추가 설정 없이 다양한 프로그래밍 언어와 기술 스택의 주요 테스트 프레임워크를 모두 지원합니다.

test('sum returns correct result', () => {
  expect(sum(2, 3)).toBe(5);
});

const assert = require('assert');

describe('sum', () => {
  it('returns correct result', () => {
    assert.strictEqual(sum(2, 3), 5);
  });
});

import { describe, it, expect } from 'vitest';

it('sum returns correct result', () => {
  expect(sum(2, 3)).toBe(5);
});

describe('sum', () => {
  it('returns correct result', () => {
    expect(sum(2, 3)).toEqual(5);
  });
});

Verdent는 프로젝트 설정과 기존 테스트에서 테스트 프레임워크를 인식하고, 설정에 맞는 테스트를 자동으로 생성합니다.

통합 테스트 생성

Verdent는 여러 컴포넌트, 서비스 또는 모듈이 함께 어떻게 동작하는지 검증하는 통합 테스트를 생성합니다. API 상호작용, 데이터베이스 작업, 인증 흐름, 여러 단계의 사용자 여정을 포함한 실제 워크플로를 시뮬레이션하는 테스트를 만듭니다.

예시:

Write integration tests for the user registration flow

Verdent는 전체 흐름을 검증하는 테스트를 생성합니다.

1. 폼 제출: 사용자가 유효한 데이터로 등록 폼 제출
2. 검증: 백엔드가 이메일 형식, 비밀번호 강도, 데이터 완전성 검증
3. 데이터베이스 삽입: 데이터베이스에 사용자 레코드 생성
4. 이메일 발송: 확인 이메일 발송(모킹 또는 실제 발송)
5. 성공적인 로그인: 새 사용자가 자격 증명으로 즉시 로그인 가능

통합 테스트 구조:

Verdent는 다음을 포함한 통합 테스트를 만듭니다.

• 테스트 설정: 데이터베이스 시딩, 서비스 초기화, 테스트 데이터 생성
• 워크플로 시뮬레이션: 여러 단계의 작업을 순서대로 실행
• 상태 검증: 데이터베이스 상태, API 응답, 부수 효과 확인
• 외부 서비스 모킹: 이메일 서비스, 결제 APIs, 서드파티 연동
• 테스트 정리: 테스트 데이터 정리, 데이터베이스 롤백, 서비스 종료

테스트 시나리오 예시:

Write integration tests for the checkout and payment process

Verdent는 다음을 테스트합니다.

• 장바구니에 항목 추가
• 할인 코드 적용
• 세금과 배송비를 포함한 합계 계산
• 결제 처리(모킹된 결제 게이트웨이 사용)
• 데이터베이스에 주문 레코드 생성
• 확인 이메일 발송
• 재고 업데이트

테스트 격리:

Verdent는 통합 테스트가 올바르게 격리되도록 보장합니다.

• 각 테스트는 깨끗한 데이터베이스 상태에서 시작
• 부수 효과를 막기 위해 외부 서비스 호출 모킹
• 테스트 간 의존성 없이 어떤 순서로도 실행 가능
• 테스트가 실패해도 정리 수행

테스트 커버리지 개선

Verdent는 코드베이스를 분석해 테스트되지 않은 함수, 분기, 엣지 케이스를 찾고, 커버리지를 개선하기 위한 테스트를 생성합니다. 기존 테스트 스위트를 검토해 실행되지 않은 코드 경로가 있는 빈틈을 찾아냅니다.

예시:

Analyze test coverage and write tests for uncovered code paths in the payment module

Verdent는 다음을 수행합니다.

1. 기존 테스트 분석: 현재 무엇이 테스트되고 있는지 검토
2. 커버리지 빈틈 식별: 테스트가 부족한 특정 함수, 조건 분기, 오류 처리 경로, 엣지 케이스 찾기
3. 누락된 테스트 생성: 커버되지 않은 코드를 대상으로 테스트 작성
4. 커버리지 개선 확인: 테스트를 실행해 커버리지가 증가했는지 확인

Verdent가 식별하는 항목:

• 테스트되지 않은 함수: 테스트 커버리지가 전혀 없는 함수
• 조건 분기: 한쪽 분기가 테스트되지 않은 if/else 문
• 오류 처리 경로: 실패 테스트가 없는 try/catch 블록 또는 오류 콜백
• 엣지 케이스: 경계값, null/undefined 처리, 타입 강제 변환
• 통합 지점: API 호출, 데이터베이스 작업, 외부 서비스 상호작용

커버리지 개선 예시:

Improve test coverage for the UserService class

Verdent는 다음을 식별합니다.

• getUserById에는 유효한 ID 테스트는 있지만 잘못된 ID 테스트는 없음
• updateUser에는 검증 실패 테스트가 없음
• deleteUser에는 권한 확인 테스트가 없음
• createUser의 오류 처리 경로가 테스트되지 않음

그런 다음 이러한 빈틈을 직접 겨냥한 테스트를 생성해 커버리지를 65%에서 95%로 높입니다.

커버리지 지표:

Verdent는 더 높은 커버리지 비율에 도달하고, 이전에 테스트되지 않은 코드에서 잠재적인 버그를 찾을 수 있게 도와줍니다.

• 라인 커버리지: 테스트로 실행된 코드 라인의 비율
• 분기 커버리지: 테스트된 조건 분기의 비율
• 함수 커버리지: 하나 이상의 테스트가 있는 함수의 비율
• 문장 커버리지: 실행된 문장의 비율

Verdent로 디버깅

Verdent는 오류 메시지 분석, 실행 흐름 추적, 근본 원인 식별, 수정 제안을 통해 디버깅을 도와줍니다. 오류 로그를 붙여 넣거나, 예상과 다른 동작을 설명하거나, Verdent에게 특정 문제를 조사해 달라고 요청합니다.

This function returns undefined instead of the user object. Debug it.

The login form redirects to the home page even when credentials are invalid

The product search is slow when the database has 10,000+ products

Why does this API endpoint return a 500 error when the email parameter is missing?

오류 메시지와 로그로 진단하기

오류 메시지, 스택 트레이스 또는 로그 파일을 채팅에 직접 붙여 넣습니다. Verdent가 오류를 분석하고, 소스 파일과 줄 번호를 식별하고, 원인을 설명하고, 수정안을 제안합니다.

TypeError: Cannot read property 'name' of undefined
    at UserProfile.render (UserProfile.jsx:45)
    at processComponent (react-dom.js:2103)

I'm getting this error: [paste stack trace]

Analyze these logs and tell me why the API requests are failing:
[paste 50 lines of log output]

The shopping cart total is sometimes incorrect. Here are the error logs: [paste logs]

모범 사례

함께 보기