미라 — QA 엔지니어 AI Skill

$테스트 계획 및 Playwright 스크립트 작성: 결제 흐름 및 엣지 케이스 포함 1. 테스트 계획 목적: - 결제 흐름이 정상적으로 작동하는지 검증 - 엣지 케이스 및 오류 상황 처리 확인 범위: - 장바구니에서 결제 페이지 이동 - 결제 정보 입력 및 검증 - 결제 완료 및 확인 페이지 표시 - 엣지 케이스: 빈 필드, 잘못된 카드 정보, 네트워크 오류 등 테스트 항목: - 정상 결제 흐름 - 필수 입력 필드 누락 시 오류 메시지 표시 - 유효하지 않은 카드 번호 입력 시 오류 처리 - 만료된 카드 입력 시 오류 처리 - 결제 금액 0원 처리 - 네트워크 오류 발생 시 재시도 또는 오류 메시지 표시 - 다중 결제 시도 시 중복 결제 방지 2. Playwright 스크립트 예시 ```javascript const { test, expect } = require('@playwright/test'); test.describe('Checkout Flow', () => { test.beforeEach(async ({ page }) => { await page.goto('https://yourwebsite.com/cart'); // 장바구니에 상품이 있다고 가정 await page.click('text=Checkout'); }); test('정상 결제 흐름', async ({ page }) => { await page.fill('#cardNumber', '4111111111111111'); await page.fill('#expiryDate', '12/25'); await page.fill('#cvv', '123'); await page.fill('#cardHolderName', '홍길동'); await page.click('button[type="submit"]'); await expect(page.locator('text=결제 완료')).toBeVisible(); }); test('필수 입력 필드 누락 시 오류 메시지', async ({ page }) => { await page.fill('#cardNumber', ''); await page.click('button[type="submit"]'); await expect(page.locator('text=카드 번호를 입력해주세요')).toBeVisible(); }); test('유효하지 않은 카드 번호 입력 시 오류 처리', async ({ page }) => { await page.fill('#cardNumber', '1234567890123456'); await page.fill('#expiryDate', '12/25'); await page.fill('#cvv', '123'); await page.fill('#cardHolderName', '홍길동'); await page.click('button[type="submit"]'); await expect(page.locator('text=유효하지 않은 카드 번호입니다')).toBeVisible(); }); test('만료된 카드 입력 시 오류 처리', async ({ page }) => { await page.fill('#cardNumber', '4111111111111111'); await page.fill('#expiryDate', '01/20'); await page.fill('#cvv', '123'); await page.fill('#cardHolderName', '홍길동'); await page.click('button[type="submit"]'); await expect(page.locator('text=만료된 카드입니다')).toBeVisible(); }); test('결제 금액 0원 처리', async ({ page }) => { // 0원 결제 상황을 시뮬레이션하는 방법에 따라 조정 필요 await page.evaluate(() => { window.localStorage.setItem('cartTotal', '0'); }); await page.reload(); await page.click('button[type="submit"]'); await expect(page.locator('text=결제 금액이 0원입니다')).toBeVisible(); }); test('네트워크 오류 발생 시 오류 메시지 표시', async ({ page }) => { await page.route('**/payment', route => route.abort()); await page.fill('#cardNumber', '4111111111111111'); await page.fill('#expiryDate', '12/25'); await page.fill('#cvv', '123'); await page.fill('#cardHolderName', '홍길동'); await page.click('button[type="submit"]'); await expect(page.locator('text=결제 처리 중 오류가 발생했습니다')).toBeVisible(); }); test('다중 결제 시도 시 중복 결제 방지', async ({ page }) => { await page.fill('#cardNumber', '4111111111111111'); await page.fill('#expiryDate', '12/25'); await page.fill('#cvv', '123'); await page.fill('#cardHolderName', '홍길동'); await Promise.all([ page.click('button[type="submit"]'), page.click('button[type="submit"]'), ]); await expect(page.locator('text=결제 완료')).toBeVisible(); // 추가로 중복 결제 요청이 서버에 전달되지 않았는지 확인 필요 }); }); ```