const { test, expect } = require('@playwright/test');
const { login, localized } = require('./helpers');

test('agents page shows demo cards and edit drawer opens', async ({ page }) => {
  await login(page);
  await page.goto('/agents');
  await expect(page.locator('.page-heading')).toHaveText(localized('Agents', 'Агенты'));
  await expect(page.locator('.agents-info-callout')).toContainText(
    localized('Group MCP tools around concrete tasks', 'Старайтесь группировать MCP инструменты')
  );
  await expect(page.locator('.agent-card-date').first()).toContainText(
    localized('Set this endpoint', 'Данный эндпоинт')
  );
  await page.getByRole('button', { name: localized('New agent', 'Новый агент') }).click();
  await expect(page.locator('.drawer-title')).toHaveText(localized('New agent', 'Новый агент'));
  await expect(page.locator('.drawer-subtitle')).toContainText(
    localized('Describe the agent', 'Опишите агента')
  );
  await expect(page.locator('[data-i18n="agents.drawer.slug_hint"]')).toContainText(
    localized('used as part of the endpoint', 'используется как часть endpoint-а')
  );
  await expect(page.locator('.drawer')).toContainText(/mcp/i);
});