import { test, expect } from '@playwright/test';
import { todayStr } from '../../src/lib/date-utils';

const today = todayStr();
const dateParam = today.replace(/-/g, '');

test.describe('Expanded flight card visual regression', () => {
  test('expanded card matches screenshot', async ({ page }) => {
    await page.goto(`/ru-ru/onlineboard/departure/MOW-${dateParam}`);
    await page.waitForLoadState('networkidle');

    await page.waitForSelector('[class*="card"]', { timeout: 10000 });

    const firstCard = page.locator('[class*="card"]').first();
    await firstCard.click();

    const expandedSection = page.locator('[class*="expanded"]').first();
    await expect(expandedSection).toBeVisible();
    await expect(expandedSection).toHaveScreenshot('flight-expanded.png', { timeout: 10000 });
  });
});