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

test('created workspace secret renders styled table actions', async ({ page }) => {
  const secretName = uniqueName('ui_secret');

  await login(page);
  const workspace = await getCurrentWorkspace(page);
  await browserJson(
    page,
    'POST',
    `/api/admin/workspaces/${encodeURIComponent(workspace.id)}/secrets`,
    {
      name: secretName,
      kind: 'token',
      value: 'demo-secret-value',
    },
  );

  await page.goto('/secrets');

  const row = page.locator('#secrets-tbody tr').filter({ hasText: secretName }).first();
  await expect(row).toBeVisible();
  await expect(row.locator('[data-testid="secret-rotate-action"]')).toHaveClass(/btn-secondary/);
  await expect(row.locator('[data-testid="secret-rotate-action"]')).toHaveClass(/table-action-btn/);
  await expect(row.locator('[data-testid="secret-delete-action"]')).toHaveClass(/btn-danger/);
  await expect(row.locator('[data-testid="secret-delete-action"]')).toHaveClass(/table-action-btn/);
});