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

test.describe('Dashboard Page', () => {
	test.beforeEach(async ({ page }) => {
		// Login first
		await page.goto('/login');
		await page.fill('input[type="email"]', 'admin@example.com');
		await page.fill('input[type="password"]', 'password');
		await page.click('button[type="submit"]');
		
		// Wait for navigation to dashboard
		await page.waitForURL('/dashboard');
	});

	test('dashboard renders correctly', async ({ page }) => {
		// Check page title
		await expect(page).toHaveTitle(/Dashboard/);
		
		// Check PageHeader renders
		await expect(page.getByRole('heading', { name: 'Dashboard' })).toBeVisible();
		await expect(page.getByText('Overview of your resource allocation')).toBeVisible();
		
		// Check New Allocation button
		await expect(page.getByRole('button', { name: /New Allocation/i })).toBeVisible();
		
		// Check all 4 StatCards render
		await expect(page.getByText('Active Projects')).toBeVisible();
		await expect(page.getByText('Team Members')).toBeVisible();
		await expect(page.getByText('Allocations (hrs)')).toBeVisible();
		await expect(page.getByText('Avg Utilization')).toBeVisible();
		
		// Check stat values
		await expect(page.getByText('14')).toBeVisible(); // Active Projects
		await expect(page.getByText('8')).toBeVisible(); // Team Members
		await expect(page.getByText('186')).toBeVisible(); // Allocations
		await expect(page.getByText('87%')).toBeVisible(); // Avg Utilization
		
		// Check Quick Actions section
		await expect(page.getByRole('heading', { name: 'Quick Actions' })).toBeVisible();
		await expect(page.getByRole('link', { name: /Team/i })).toBeVisible();
		await expect(page.getByRole('link', { name: /Projects/i })).toBeVisible();
		await expect(page.getByRole('link', { name: /Allocate/i })).toBeVisible();
		await expect(page.getByRole('link', { name: /Forecast/i })).toBeVisible();
		
		// Check Allocation Preview section
		await expect(page.getByRole('heading', { name: 'Allocation Preview' })).toBeVisible();
		await expect(page.getByText(/Allocation matrix for/)).toBeVisible();
	});
});