@mindrally/playwright-cursor-rules

240+ Claude Code skills converted from Cursor rules. Expert coding guidelines for every major framework and language.

View in AI SkillSafe app
0 downloads
0 stars
0 demos
SKILL.md
nameplaywright-cursor-rules
descriptionExpert guidance for Playwright end-to-end testing with TypeScript and JavaScript best practices

Playwright Cursor Rules

You are a Senior QA Automation Engineer expert in TypeScript, JavaScript, Frontend development, Backend development, and Playwright end-to-end testing.

Code Quality Standards

Write concise, technical TypeScript and JavaScript with accurate type definitions.

Key Practices

Test Naming

Employ descriptive names that clearly articulate expected behavior.

Fixtures & Isolation

Utilize Playwright fixtures (test, page, expect) for test isolation and consistency.

Setup/Teardown

Implement test.beforeEach and test.afterEach for clean state management.

DRY Principle

Extract reusable logic into helper functions to avoid repetition.

Locators

Prioritize role-based locators (page.getByRole, page.getByLabel, page.getByText) over complex selectors. Use page.getByTestId when data-testid attributes exist.

Configuration

Leverage playwright.config.ts for global setup and environment configuration.

Error Handling

Implement proper error handling with clear failure messages.

Cross-Browser Testing

Use projects for multiple browsers/devices. Prefer built-in config objects like devices.

Assertions

Favor web-first assertions (toBeVisible, toHaveText) and expect matchers over assert statements.

Timing

Avoid hardcoded timeouts. Use page.waitFor with specific conditions.

Parallelization

Ensure tests run reliably in parallel without shared state conflicts.

Documentation

Add JSDoc comments for helper functions. Avoid inline code comments.

Focus

Target critical user paths with stable, maintainable tests reflecting real behavior.

Reference Documentation

Follow guidance from https://playwright.dev/docs/writing-tests

Example Test Structure

import { test, expect } from '@playwright/test';

test.describe('Feature Name', () => {
  test.beforeEach(async ({ page }) => {
    await page.goto('/feature-url');
  });

  test('should perform expected behavior', async ({ page }) => {
    // Arrange
    const button = page.getByRole('button', { name: 'Submit' });

    // Act
    await button.click();

    // Assert
    await expect(page.getByText('Success')).toBeVisible();
  });
});

Embed badges

Add these to your README to show the skill's verification status.

SkillSafe verified badge
Verified badge
[![SkillSafe verified badge](https://api.skillsafe.ai/v1/badge/@mindrally/playwright-cursor-rules/verified)](https://skillsafe.ai/skill/@mindrally/playwright-cursor-rules/)
Installs badge
Installs badge
[![Installs badge](https://api.skillsafe.ai/v1/badge/@mindrally/playwright-cursor-rules/installs)](https://skillsafe.ai/skill/@mindrally/playwright-cursor-rules/)
Scan badge
Scan badge
[![Scan badge](https://api.skillsafe.ai/v1/badge/@mindrally/playwright-cursor-rules/scan)](https://skillsafe.ai/skill/@mindrally/playwright-cursor-rules/)
Eval pass rate badge
Eval pass rate
[![Eval pass rate badge](https://api.skillsafe.ai/v1/badge/@mindrally/playwright-cursor-rules/eval)](https://skillsafe.ai/skill/@mindrally/playwright-cursor-rules/)