empty-state

Tests no-results messaging and clear-filters behaviour.

Content Preview
# Empty State Template

Tests no-results messaging and clear-filters behaviour.

## Prerequisites
- App running at `{{baseUrl}}`
- Query that returns no results: `{{emptySearchQuery}}`

---

## TypeScript

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

test.describe('Empty State', () => {
  // Happy path: no results message
  test('shows no-results message for unmatched query', async ({ page }) => {
    await page.goto('{{baseUrl}}/search?q={{emptySearchQuery}}');
    await expe
How to Use

Recommended: Install to project (local)

mkdir -p .claude/skills
curl -o .claude/skills/empty-state.md \
  https://raw.githubusercontent.com/alirezarezvani/claude-skills/main/engineering-team/playwright-pro/templates/search/empty-state.md

Skill is scoped to this project only. Add .claude/skills/ to your .gitignoreif you don't want to commit it.

Alternative: Clone full repo

git clone https://github.com/alirezarezvani/claude-skills

Then reference at engineering-team/playwright-pro/templates/search/empty-state.md

Related Skills