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

test('energy tracker renders its charts and is listed under trackers', async ({ page }) => {
	await page.goto('/projects/energy');
	await expect(page.getByRole('heading', { level: 1, name: 'Energy' })).toBeVisible();
	await expect(page.getByRole('heading', { name: 'Generation and consumption' })).toBeVisible();
	await expect(page.locator('canvas').first()).toBeVisible();
	for (const range of ['day', 'month', '12 months', 'all years']) {
		await page.getByRole('tab', { name: range, exact: true }).click();
		await expect(page.getByRole('tab', { name: range, exact: true })).toHaveAttribute(
			'data-state',
			'active'
		);
	}
	await page.goto('/trackers');
	await expect(page.locator('a[href="/projects/energy"]').first()).toBeVisible();
});