ミラ — QAエンジニア AI Skill

$チェックアウトフローのテスト計画とPlaywrightスクリプト --- ## テスト計画 ### 目的 チェックアウトフローが正常に動作し、ユーザーが問題なく購入を完了できることを検証する。 ### テスト対象 - カート画面からの遷移 - ユーザー情報入力（住所、連絡先） - 支払い方法選択 - 注文確認画面 - 注文完了画面 ### テスト項目 #### 正常系 1. 商品をカートに入れてチェックアウトできる 2. 正しい住所・連絡先を入力して注文できる 3. クレジットカード、PayPalなど複数の支払い方法で決済できる 4. 注文確認画面で内容が正しく表示される 5. 注文完了画面が表示され、注文番号が発行される #### エッジケース・異常系 1. 必須項目が未入力の場合、エラーメッセージが表示される 2. 無効なメールアドレスや電話番号の入力時にエラーが出る 3. 在庫切れの商品がカートにある場合の挙動 4. 支払い方法の選択をせずに進もうとした場合のエラー 5. クレジットカード情報の不正入力時のエラー処理 6. ネットワークエラー発生時のリトライやエラーメッセージ表示 7. 多量の商品をカートに入れた場合の動作確認 8. クッキーやセッションが切れた状態でのチェックアウト挙動 --- ## Playwrightスクリプト例 ```javascript const { test, expect } = require('@playwright/test'); test.describe('Checkout Flow', () => { test.beforeEach(async ({ page }) => { // カートに商品を追加してチェックアウトページへ遷移 await page.goto('https://example.com/products/1'); await page.click('button#add-to-cart'); await page.goto('https://example.com/cart'); await page.click('button#checkout'); }); test('正常系: 商品購入が完了する', async ({ page }) => { // ユーザー情報入力 await page.fill('input#name', '山田 太郎'); await page.fill('input#email', 'taro.yamada@example.com'); await page.fill('input#address', '東京都千代田区1-1-1'); await page.fill('input#phone', '09012345678'); // 支払い方法選択 await page.click('input#payment-creditcard'); // クレジットカード情報入力 await page.fill('input#card-number', '4111111111111111'); await page.fill('input#card-expiry', '12/25'); await page.fill('input#card-cvc', '123'); // 注文確認画面へ await page.click('button#confirm-order'); // 注文完了画面の検証 await expect(page.locator('text=注文が完了しました')).toBeVisible(); await expect(page.locator('text=注文番号')).toBeVisible(); }); test('異常系: 必須項目未入力でエラー表示', async ({ page }) => { // 何も入力せずに注文確認へ進む await page.click('button#confirm-order'); // エラーメッセージの検証 await expect(page.locator('text=名前は必須です')).toBeVisible(); await expect(page.locator('text=メールアドレスは必須です')).toBeVisible(); }); test('異常系: 無効なメールアドレス入力', async ({ page }) => { await page.fill('input#email', 'invalid-email'); await page.click('button#confirm-order'); await expect(page.locator('text=有効なメールアドレスを入力してください')).toBeVisible(); }); test('異常系: 支払い方法未選択でエラー', async ({ page }) => { // ユーザー情報は正しく入力 await page.fill('input#name', '山田 太郎'); await page.fill('input#email', 'taro.yamada@example.com'); await page.fill('input#address', '東京都千代田区1-1-1'); await page.fill('input#phone', '09012345678'); // 支払い方法未選択のまま注文確認へ await page.click('button#confirm-order'); await expect(page.locator('text=支払い方法を選択してください')).toBeVisible(); }); test('異常系: クレジットカード情報不正', async ({ page }) => { await page.fill('input#name', '山田 太郎'); await page.fill('input#email', 'taro.yamada@example.com'); await page.fill('input#address', '東京都千代田区1-1-1'); await page.fill('input#phone', '09012345678'); await page.click('input#payment-creditcard'); // 不正なカード番号 await page.fill('input#card-number', '1234567890123456'); await page.fill('input#card-expiry', '12/25'); await page.fill('input#card-cvc', '123'); await page.click('button#confirm-order'); await expect(page.locator('text=カード番号が無効です')).toBeVisible(); }); // 追加のエッジケーステストは必要に応じて実装してください }); ```