playwright-best-practices

Provides Playwright test patterns for resilient locators, Page Object Models, fixtures, web-first assertions, and network mocking. Must use when writing or modifying Playwright tests (.spec.ts, .test.ts files with @playwright/test imports).

1.36x

Quality

96%

Does it follow best practices?

Impact

100%

1.36x

Average score across 3 eval scenarios

Securityby

Passed

No known issues

Evaluation results

100%

40%

Product Search and Cart Page Objects

Page Object Model structure and resilient locators

Criteria

Without context

With context

BasePage abstract class

100%

safeClick method

100%

safeFill method

100%

debug package logging

100%

Locators in constructor

100%

getByRole locator used

100%

getByLabel locator used

100%

No CSS class selectors

100%

No XPath selectors

100%

Web-first assertions

100%

No waitForTimeout

100%

isLoaded method

100%

Without context: $0.4017 · 1m 31s · 26 turns · 28 in / 4,706 out tokens

With context: $0.5655 · 1m 38s · 27 turns · 281 in / 6,142 out tokens

100%

34%

Playwright Test Infrastructure Setup

Playwright CI configuration and project structure

Criteria

Without context

With context

Minimal reporter when CI set

100%

CLAUDE env var in reporter

100%

html reporter with open never

100%

fullyParallel enabled

100%

forbidOnly in CI

100%

retries CI-conditional

100%

workers CI-conditional

100%

baseURL env var

100%

trace on-first-retry

66%

100%

screenshot only-on-failure

100%

video on-first-retry

66%

100%

fixtures directory

100%

pages directory

100%

helpers directory

100%

playwright auth directory

100%

Without context: $0.4913 · 2m 18s · 28 turns · 35 in / 7,424 out tokens

With context: $0.6208 · 1m 54s · 30 turns · 317 in / 6,835 out tokens

100%

Admin Dashboard Test Suite

Authentication setup, fixtures, and network mocking

Criteria

Without context

With context

API auth in setup

100%

storageState saved

100%

No UI login per test

100%

Fixtures over beforeEach

100%

Route mock before navigation

100%

route.fulfill used

75%

100%

Per-test data isolation

87%

100%

data.factory.ts exists

100%

Web-first assertions in tests

87%

100%

No waitForTimeout

100%

Resilient locators

80%

100%

Without context: $0.5805 · 2m 11s · 31 turns · 77 in / 7,570 out tokens

With context: $0.6588 · 2m 10s · 28 turns · 65 in / 8,185 out tokens

Repository: NeverSight/skills_feed
Commit: 5342bca

Evaluated: 13 days ago
Agent: Claude Code
Model: Claude Sonnet 4.6

Table of Contents

Product Search and Cart Page Objects Playwright Test Infrastructure Setup Admin Dashboard Test Suite

Is this your skill?

If you maintain this skill, you can claim it as your own. Once claimed, you can manage eval scenarios, bundle related skills, attach documentation or rules, and ensure cross-agent compatibility.