E2E テスト追加(Playwright)
手順
- •配置:
e2e/<feature>.spec.tsにファイルを追加。 - •インポート:
import { test, expect } from "@playwright/test"; - •ベース URL:
page.goto("/")はbaseURL(localhost:5173)に対する相対パス。絶対パスで開く場合はpage.goto("/about")のようにする。 - •クエリ:
page.getByRole,page.getByText,page.getByTestIdを優先する。 - •アサーション:
expect(...).toBeVisible(),toBeEnabled(),toHaveText()など。 - •実行:
pnpm run e2e。dev サーバーは設定で自動起動される。
注意
- •ページオブジェクトは必須ではない。短い spec なら直接
pageで操作してよい。 - •不安定を避けるため、必要に応じて
page.waitForSelectorやexpect(...).toBeVisible()で表示を待つ。