utils.ts

import {modeToMenuTitle, modeToRoute, SessionMode} from "../src/store/sessionMode";
import {Page} from "playwright";
import {expect} from "@playwright/test";
import * as os from "node:os";

const dataFormats = [ 'json', 'yaml', 'xml' ];


export async function getCurrentEditorMode(page: Page): Promise<SessionMode> {
  // the page contains :data-testid="'mode-active-' + (item.index === activeIndex ? 'true' : 'false')" and as child the active mode button

  const activeModeButton = await page.getByTestId('mode-active-true');
  const activeModeText = await activeModeButton.innerText();
  for (let mode of Object.values(SessionMode)) {
    const modeTitle = modeToMenuTitle(mode);
    if (activeModeText.includes(modeTitle)) {
      return mode;
    }
  }
    throw new Error('Unable to detect editor mode');
}

export async function forceEditorMode(page: Page, newMode: SessionMode) {
    const currentMode = await getCurrentEditorMode(page);
    const newModeTitle = modeToMenuTitle(newMode);

    if (currentMode !== newMode) {

      // special case for Settings mode, where we need to click on the settings button
      if (newMode === SessionMode.Settings) {
          await page.getByTestId('mode-settings-button').click();
      } else {
        await page.locator('a').filter({ hasText: newModeTitle }).click();
      }

    }
}

export async function openApp(page: Page, initialSettings: string|null = null, initialData: string|null = null, initialSchema: string|null = null) {
    const testFilesPath = "test-fixtures"
    const url = new URL('http://localhost:5173/');
    if (initialSettings) {
        url.searchParams.append('settings', testFilesPath + '/' + initialSettings);
    } else {
        // if no initial settings are provided, use the default settings
        url.searchParams.append('settings', testFilesPath + "/" + 'settings_no_news.json');
    }
    if (initialData) {
        url.searchParams.append('data', testFilesPath + '/' + initialData);
    }
    if (initialSchema) {
        url.searchParams.append('schema', testFilesPath + '/' + initialSchema);
    }
    console.log("go to url: " + url.toString());
    await page.goto(url.toString());
}

export async function openAppWithMode(page: Page, mode: SessionMode) {
    const route = modeToRoute(mode)
    const url = new URL('http://localhost:5173' + route);
    await page.goto(url.toString());
}


export async function checkSchemaTitleForText(page: Page, text: string) {
    const schemaTitle = page.getByTestId('current-schema');
    await expect(schemaTitle).toContainText(text);
}

export async function checkToolbarTitleForText(page: Page, text: string) {
    await expect(page.getByTestId('toolbar-title')).toContainText(text);
}

export async function selectInitialSchemaFromExamples(page: Page, schemaName: string) {
    await expect(page.getByText('Select a Schema')).toBeVisible()

    // Wait for the page to load and select the "Example Schema" from the dropdown
    await page.getByRole('button', { name: 'Example Schema' }).click();

    // Select the schema from the example schema options
    await page.getByRole('option', { name: schemaName }).click();
}

export async function getCurrentDataFormat(page: Page): Promise<string> {
    const dataFormatText = await page.getByTestId('format-selector').innerText();
    for (let format of dataFormats) {
        if (dataFormatText.includes(format)) {
            return format;
        }
    }
    throw new Error('Unable to detect data format');
}

export async function forceDataFormat(page: Page, newFormat: string) {
    const currentFormat = await getCurrentDataFormat(page);
    if (currentFormat !== newFormat) {
        const formatSelector = page.getByTestId('format-selector');
        await formatSelector.getByRole('combobox', { name: currentFormat }).click();
        await page.getByRole('option', { name: newFormat }).click();
    }
}

export async function selectAll(page: Page) {
    const isMac = os.platform() === 'darwin';
    const modifier = isMac ? 'Meta' : 'Control';
    await page.keyboard.press(`${modifier}+A`);
}