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

test.describe('Endpoints Presets suite', () => {
  test('Endpoints Suite', async ({ page }) => {
    await page.goto('http://localhost:3080/');
    await page.getByRole('button', { name: 'New Topic' }).click();

    // includes the icon + endpoint names in obj property
    const endpointItem = await page.getByRole('menuitemradio', { name: 'ChatGPT OpenAI' });
    await endpointItem.click();

    await page.getByRole('button', { name: 'New Topic' }).click();
    // Check if the active class is set on the selected endpoint
    expect(await endpointItem.getAttribute('class')).toContain('active');
  });
});