e2e-testing

SKILL.md

Every page gets a page object class that encapsulates selectors and actions. Tests never interact with selectors directly.

| Priority | Selector | Example | When to Use |

| 1 | data-testid | getByTestId("submit-btn") | Interactive elements, dynamic content | | 2 | Role | getByRole("button", { name: /save/i }) | Buttons, links, headings, inputs | | 3 | Label | getByLabel("Email") | Form inputs with labels | | 4 | Placeholder | getByPlaceholder("Search...") | Search inputs |

フルスタック Python/React アプリケーション向けの Playwright を使用したエンドツーエンドのテスト パターン。完全なユーザー ワークフロー (ログイン、CRUD、ナビゲーション)、クリティカル パス回帰テスト、またはクロスブラウザー検証のための E2E テストを作成するときに使用します。テスト構造、ページ オブジェクト モデル、セレクター戦略 (data-testid > role > label)、待機戦略、認証状態の再利用、テスト データ管理、CI 統合について説明します。単体テストやコンポーネント テストはカバーしません (pytest-patterns または React-testing-pattern を使用します)。 ソース: hieutrtr/ai1-skills。

原文を見る