リグレッションテストとは？Playwrightで効率的に回帰テストを自動化する方法

tests/
└── ecsite/
    ├── locators/      # 要素のロケーション定義
    ├── pages/         # ページ操作クラス
    └── tests/         # テストファイル

// login-page-locators.ts

export class LoginPageLocators {
  static readonly EMAIL_INPUT = 'input[name="email"]';
  static readonly PASSWORD_INPUT = 'input[name="password"]';
  static readonly SIGN_IN_BUTTON = 'button:has-text("Sign In")';
}

// login-page.ts

import { Page } from '@playwright/test';
import { BasePage } from '../base/base-page';
import { LoginPageLocators } from '../locators/login-page-locators';

export class LoginPage extends BasePage {
  constructor(page: Page) {
    super(page);
  }

  /**
   * Fill in the email field
   * @param email - The email address to enter
   */
  async fillEmail(email: string): Promise<void> {
    await this.page.locator(LoginPageLocators.EMAIL_INPUT).fill(email);
  }

  /**
   * Fill in the password field
   * @param password - The password to enter
   */
  async fillPassword(password: string): Promise<void> {
    await this.page.locator(LoginPageLocators.PASSWORD_INPUT).fill(password);
  }

  /**
   * Click the Sign In button
   */
  async clickSignIn(): Promise<void> {
    await this.page.locator(LoginPageLocators.SIGN_IN_BUTTON).click();
  }
}

// 01-login.spec.ts

import { test, expect } from '@playwright/test';
import { MainPage } from '../pages/main-page';
import { LoginPage } from '../pages/login-page';
import { MyAccountPage } from '../pages/my-account-page';

test.describe('Login Test Suite', () => {
  test('User Login flow', async ({ page }) => {
    const mainPage = new MainPage(page);
    const loginPage = new LoginPage(page);
    const myAccountPage = new MyAccountPage(page);

    // Test data
    const testEmail = 'test@example.com';
    const testPassword = 'P@ssw0rd';
    const expectedFullName = 'Test User';

    // 1. Navigate to the home page
    await mainPage.goto();

    // 2. Click the account icon to navigate to login page
    await mainPage.clickAccountIcon();

    // 3. Fill in credentials
    await loginPage.fillEmail(testEmail);
    await loginPage.fillPassword(testPassword);

    // 4. Click Sign In
    await loginPage.clickSignIn();

    // 5. Verify navigation to My Account page
    await mainPage.clickAccountIconMyAccount();
    await expect(myAccountPage.getFullNameValue()).toContainText(expectedFullName);
  });
});

npx playwright show-report

use: {
  trace: 'retain-on-failure',
},