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 테스트를 작성할 때 사용합니다. 테스트 구조, 페이지 개체 모델, 선택기 전략(데이터 테스트 ID > 역할 > 레이블), 대기 전략, 인증 상태 재사용, 테스트 데이터 관리 및 CI 통합을 다룹니다. 단위 테스트 또는 구성 요소 테스트는 다루지 않습니다(pytest-patterns 또는 React-testing-patterns 사용). 출처: hieutrtr/ai1-skills.

원본 보기