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

const services = [
  { name: 'Pi-hole', port: 8089, scheme: 'http', path: '/admin', url: 'http://pikit:8089/admin', online: true, firewall_open: true },
];

test('service cards show path in URL and preserve click target', async ({ page }) => {
  await page.goto('/');

  await page.evaluate(async (svcList) => {
    const mod = await import('/assets/services.js');
    const grid = document.getElementById('servicesGrid');
    mod.renderServices(grid, svcList);
  }, services);

  await expect(page.getByText('Pi-hole')).toBeVisible();
  await expect(page.getByText('http://pikit:8089/admin')).toBeVisible();
});