import { test as base } from '@playwright/test';
import { ComparisonPage } from './pages/comparison-page';
import { TypographyMenu } from './pages/typography-menu';

type Fixtures = {
    /**
     * Opened ComparisonPage with the root view loaded.
     */
    comparison: ComparisonPage;
    /**
     * Typography menu helper bound to the same page.
     */
    typography: TypographyMenu;
};

/**
 * Custom test that auto-opens the comparison view before each spec.
 * Playwright gives each test a fresh BrowserContext by default, so
 * localStorage is empty unless a test seeds it.
 */
export const test = base.extend<Fixtures>({
    comparison: async ({ page }, use) => {
        const view = new ComparisonPage(page);
        await view.open();
        await use(view);
    },
    // Depends on `comparison` so the root page is opened before the menu is
    // consulted — TypographyMenu has no markup of its own to load.
    typography: async ({ comparison, page }, use) => {
        void comparison;
        await use(new TypographyMenu(page));
    },
});

export { expect } from '@playwright/test';