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

export const coreRoutePaths = ['/', '/product', '/trust', '/changelog', '/contact', '/privacy', '/imprint'] as const;
export const secondaryRoutePaths = ['/legal', '/terms', '/solutions', '/integrations'] as const;

export const primaryNavigationLabels = ['Product', 'Trust', 'Changelog', 'Contact'] as const;
export const hiddenPrimaryNavigationLabels = [
    'Solutions',
    'Integrations',
    'Security & Trust',
    'Resources',
    'Articles',
] as const;

export const footerLabels = ['Product', 'Changelog', 'Trust', 'Privacy', 'Imprint', 'Terms', 'Contact'] as const;
export const hiddenFooterLabels = ['Resources', 'Articles', 'Security & Trust', 'Contact / Demo'] as const;

export async function visitPage(page: Page, path: string): Promise<void> {
    await page.goto(path);
    await expect(page).toHaveURL(new RegExp(path === '/' ? '/?$' : `${path}$`));
}

export async function expectCompatibilityRedirect(page: Page, legacyPath: string, canonicalPath: string): Promise<void> {
    await page.goto(legacyPath);
    await page.waitForURL(new RegExp(canonicalPath === '/' ? '/?$' : `${canonicalPath}$`));
    await expect(page).toHaveURL(new RegExp(canonicalPath === '/' ? '/?$' : `${canonicalPath}$`));
}

export async function expectShell(page: Page, heading: string | RegExp): Promise<void> {
    await expect(page.getByRole('banner')).toBeVisible();
    await expect(page.getByRole('main')).toBeVisible();
    await expect(page.getByRole('contentinfo')).toBeVisible();
    await expect(page.getByRole('heading', { level: 1, name: heading })).toBeVisible();
}

export async function expectPageFamily(page: Page, family: 'content' | 'landing' | 'trust'): Promise<void> {
    await expect(page.locator(`[data-page-family="${family}"]`).first()).toBeVisible();
}

export async function expectPrimaryNavigation(page: Page): Promise<void> {
    const header = page.getByRole('banner');

    for (const label of primaryNavigationLabels) {
        const link = header.getByRole('link', { name: label, exact: true }).first();

        await expect(link).toBeVisible();
        await expect(link).toHaveAttribute('data-nav-link');
    }

    for (const label of hiddenPrimaryNavigationLabels) {
        await expect(header.getByRole('link', { name: label, exact: true })).toHaveCount(0);
    }
}

export async function expectFooterLinks(page: Page): Promise<void> {
    for (const label of footerLabels) {
        await expect(page.getByRole('contentinfo').getByRole('link', { name: label, exact: true })).toBeVisible();
    }

    for (const label of hiddenFooterLabels) {
        await expect(page.getByRole('contentinfo').getByRole('link', { name: label, exact: true })).toHaveCount(0);
    }
}

export async function openMobileNavigation(page: Page): Promise<void> {
    const menuTrigger = page.getByLabel('Open navigation menu');

    if (await menuTrigger.isVisible()) {
        await menuTrigger.click();
    }
}

export async function expectDisclosureLayer(page: Page, layer: '1' | '2' | '3'): Promise<void> {
    await expect(page.locator(`[data-disclosure-layer="${layer}"]`).first()).toBeVisible();
}

export async function expectCtaHierarchy(
    page: Page,
    primaryLabel: string | RegExp,
    secondaryLabel: string | RegExp,
): Promise<void> {
    const main = page.getByRole('main');

    await expect(main.locator('[data-cta-weight="primary"]').filter({ hasText: primaryLabel }).first()).toBeVisible();
    await expect(
        main.locator('[data-cta-weight="secondary"]').filter({ hasText: secondaryLabel }).first(),
    ).toBeVisible();
}

export async function expectNavigationVsCtaDifferentiation(page: Page): Promise<void> {
    const header = page.getByRole('banner');

    await expect(header.locator('[data-nav-link]').first()).toBeVisible();
    await expect(header.locator('[data-cta-weight="secondary"]').first()).toBeVisible();
}