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

test('home page loads', async ({ page }) => {
  await page.goto('/');
  await expect(page).toHaveTitle(/CarouselForge/);
});

test('create page accessible', async ({ page }) => {
  await page.goto('/create');
  // Just verify the page loaded without JS errors
  await expect(page).toHaveURL(/.*\/create/);
});

test('analytics page accessible', async ({ page }) => {
  await page.goto('/analytics');
  // Verify page loaded
  await expect(page).toHaveURL(/.*\/analytics/);
});

test('templates page accessible', async ({ page }) => {
  await page.goto('/templates');
  // Verify page loaded
  await expect(page).toHaveURL(/.*\/templates/);
});

test('api endpoint responds', async ({ page }) => {
  const response = await page.request.get('/api/carousels');
  expect(response.status()).toBe(200);
  const data = await response.json();
  expect(data).toHaveProperty('success');
  expect(data).toHaveProperty('data');
});