브라우저 테스트

Playwright를 사용하여 자동화된 브라우저 테스트를 생성하고 실행하세요. 클릭, 폼 작성, 어설션으로 테스트 시나리오를 정의하세요.

기능

테스트 에디터

간단한 YAML 형식으로 테스트 작성:

name: "로그인 흐름 테스트"
steps:
  - goto: "http://localhost:3000/login"
  - fill: "#email"
    value: "user@example.com"
  - fill: "#password"
    value: "password123"
  - click: "#login-button"
  - assert: "#welcome-message"
    contains: "환영합니다"

테스트 실행

테스트를 실행하고 결과 확인:

• 통과/실패 상태
• 실패 시 스크린샷
• 콘솔 출력
• 실행 시간

지원되는 작업

선택자

표준 CSS 선택자 사용:

• ID: #login-button
• Class: .submit-btn
• Attribute: [type="submit"]
• 결합: form.login input#email

테스트 출력

테스트 실행 후:

• ✅ 통과한 테스트의 녹색 체크표시
• ❌ 실패한 테스트의 빨간 X
• 실패 시 저장된 스크린샷
• 자세한 오류 메시지

사용 사례

• 회귀 테스트
• 스모크 테스트
• 사용자 흐름 검증
• 폼 제출 테스트

팁

• 간단한 테스트로 시작
• 중요한 사용자 흐름 테스트
• 구체적인 선택자 사용
• 결과를 확인하기 위해 어설션 추가