e2e-testing

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 |

Modelli di test end-to-end con Playwright per applicazioni Python/React full-stack. Da utilizzare durante la scrittura di test E2E per flussi di lavoro utente completi (accesso, CRUD, navigazione), test di regressione del percorso critico o convalida tra browser. Copre la struttura del test, il modello a oggetti della pagina, la strategia di selezione (data-testid > ruolo > etichetta), le strategie di attesa, il riutilizzo dello stato di autenticazione, la gestione dei dati di test e l'integrazione CI. NON copre test unitari o test dei componenti (utilizzare modelli pytest o modelli react-testing). Fonte: hieutrtr/ai1-skills.