chart-rendering

Name: chart-rendering
Author: alirezarezvani

Tests chart visibility, interactive tooltips, and legend behaviour.

Content Preview

# Chart Rendering Template

Tests chart visibility, interactive tooltips, and legend behaviour.

## Prerequisites
- Authenticated session via `{{authStorageStatePath}}`
- Dashboard with charts at `{{baseUrl}}/dashboard`
- Chart library: `{{chartLibrary}}` (e.g. Chart.js, Recharts, D3)

---

## TypeScript

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

test.describe('Chart Rendering', () => {
  test.use({ storageState: '{{authStorageStatePath}}' });

  test.beforeEach(async ({ pa

How to Use

Recommended: Install to project (local)

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