playwright-skill

Launch Chromium, navigate to the login page, fill the email and password inputs with page.fill, click the submit button, then use page.waitForURL to confirm the redirect to the dashboard. This validates the full authentication flow end to end.

Use page.setViewportSize to iterate over desktop (1440x900), tablet (768x1024), and mobile (375x667) dimensions, taking a full-page screenshot at each size. This reveals layout breakage across common device widths.

The most robust selectors are data-testid attributes and ARIA role locators like page.getByRole. Label and text selectors work well for forms, while raw CSS selectors like button[type="submit"] are more fragile when markup changes.

Fixed waits like page.waitForTimeout(3000) make tests fragile because page load times vary. Prefer state-based waits such as waitForSelector, waitForURL, waitForLoadState('networkidle'), or waitForResponse, which proceed as soon as the condition is met.

Yes. Collect all anchor elements with page.locator('a[href^="http"]'), then send HEAD requests via page.request.head for each href. Links returning non-OK responses or throwing errors are reported as broken with their status codes.

Yes. Attach a listener with page.on('console') and filter messages where msg.type() equals 'error'. After navigation and a short wait, the collected array reveals any JavaScript console errors the page produced.