import { describe, it, expect, beforeEach, afterEach } from 'vitest';
import type { StepHarness } from '../support/StepHarness';
import { createStepHarness } from '../support/StepHarness';

describe('Step 6 – admins', () => {
  let harness: StepHarness;

  beforeEach(async () => {
    harness = await createStepHarness();
  });

  afterEach(async () => {
    await harness.dispose();
  });

  it('completes successfully from Set Admins page', async () => {
    await harness.navigateToFixtureStep(5);
    const page = harness.adapter.getPage();
    expect(page).not.toBeNull();

    const sidebarAdmins = await page!.textContent('#wizard-sidebar-link-set-admins');
    expect(sidebarAdmins).toContain('Admins');

    const result = await harness.executeStep(6, {
      adminSearch: 'Marc',
    });

    expect(result.success).toBe(true);

    const footerText = await page!.textContent('.wizard-footer');
    expect(footerText).toContain('Time Limit');
  });

  it('handles Add Admin drawer state without regression', async () => {
    await harness.navigateToFixtureStep(6);
    const page = harness.adapter.getPage();
    expect(page).not.toBeNull();

    const header = await page!.textContent('#set-admins .card-header');
    expect(header).toContain('Set Admins');

    const result = await harness.executeStep(6, {
      adminSearch: 'Mintel',
    });

    expect(result.success).toBe(true);

    const footerText = await page!.textContent('.wizard-footer');
    expect(footerText).toContain('Time Limit');
  });
});