data-loading

Dashboard Data Loading Template

Content Preview
# Dashboard Data Loading Template

Tests loading state, skeleton screens, and data display after fetch.

## Prerequisites
- Authenticated session via `{{authStorageStatePath}}`
- Dashboard at `{{baseUrl}}/dashboard`

---

## TypeScript

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

test.describe('Dashboard Data Loading', () => {
  test.use({ storageState: '{{authStorageStatePath}}' });

  // Happy path: skeleton shown then replaced by data
  test('shows skeleton during load, th
How to Use

Recommended: Install to project (local)

mkdir -p .claude/skills
curl -o .claude/skills/data-loading.md \
  https://raw.githubusercontent.com/alirezarezvani/claude-skills/main/engineering-team/playwright-pro/templates/dashboard/data-loading.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/dashboard/data-loading.md

Related Skills