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

test('landing page loads with the SpaceWanderer title', async ({ page }) => {
  await page.goto('/');
  await expect(page.getByRole('heading', { name: 'SpaceWanderer' })).toBeVisible();
});

test('scificn-ui themed components render on the landing page', async ({ page }) => {
  await page.goto('/');
  // Panel header badge + footer button prove the copy-paste component layer is wired in.
  await expect(page.getByText('SYS:ONLINE')).toBeVisible();
  await expect(page.getByRole('button', { name: 'INITIATE' })).toBeVisible();
});

test('GET /api/version reports the app version as JSON', async ({ page }) => {
  const res = await page.request.get('/api/version');
  expect(res.status()).toBe(200);
  expect(res.headers()['content-type']).toContain('application/json');
  const body = (await res.json()) as { version: string };
  expect(body.version).toMatch(/^\d+\.\d+\.\d+$/);
});