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

test('muestra el panel y permite abrir navegación móvil', async ({ page }) => {
  await page.goto('/');
  await expect(page.locator('.mdi-menu')).toBeVisible();
  await expect(page.getByText('Panel de control')).toBeVisible();
  await page.setViewportSize({ width: 390, height: 844 });
  await page.getByTestId('navigation-toggle').click();
  await expect(page.getByText('Ventas POS')).toBeVisible();
});

test('guía la configuración cuando el catálogo está vacío', async ({ page }) => {
  await page.goto('/');
  await expect(page.getByText('Configura tu catálogo')).toBeVisible();
  await page.getByRole('link', { name: 'Ir a inventario' }).click();
  await expect(page).toHaveURL(/inventario/);
});

test('permite volver a inicio desde Jornada e Inventario', async ({ page }) => {
  await page.goto('/');
  if ((await page.viewportSize())!.width < 960) await page.getByTestId('navigation-toggle').click();
  await page.getByRole('link', { name: 'Jornada', exact: true }).click();
  await expect(page.getByText('Jornada del Toldo')).toBeVisible();
  await page.getByRole('link', { name: 'Inicio' }).last().click();
  await expect(page.getByText('Panel de control')).toBeVisible();
  if ((await page.viewportSize())!.width < 960) await page.getByTestId('navigation-toggle').click();
  await page.getByRole('link', { name: 'Inventario', exact: true }).click();
  await expect(page.getByText('Inventario y Productos')).toBeVisible();
  await page.getByTestId('back-button').click();
  await expect(page.getByText('Panel de control')).toBeVisible();
});

test('muestra los flujos compactos en móvil', async ({ page }) => {
  test.skip(test.info().project.name !== 'mobile', 'Este escenario se ejecuta en el proyecto móvil.');
  await page.setViewportSize({ width: 390, height: 844 });
  await page.goto('/inventario');
  await expect(page.getByRole('tab', { name: 'Catálogo' })).toBeVisible();
  await expect(page.getByRole('tab', { name: 'Ingresos' })).toBeVisible();
  await expect(page.getByRole('tab', { name: 'Ajustes' })).toBeVisible();
  await expect(page.getByText('Migas de pan')).toHaveCount(0);
  await page.goto('/ventas');
  await expect(page.getByRole('button', { name: 'Buscar productos' })).toBeVisible();
  await page.goto('/jornada');
  await expect(page.getByLabel('Efectivo contado (obligatorio)')).toBeVisible();
  await expect(page.getByLabel('Dinero en banco por QR (opcional)')).toBeVisible();
});