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

describe('Step 16 – race options', () => {
  let harness: StepHarness;

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

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

  it('executes on Race Options page in mock wizard', async () => {
    await harness.navigateToFixtureStep(16);

    const page = harness.adapter.getPage();
    expect(page).not.toBeNull();

    const sidebarRaceOptions = await page!.textContent(
      '#wizard-sidebar-link-set-race-options',
    );
    expect(sidebarRaceOptions).toContain('Race Options');

    const bodyText = await page!.textContent('body');
    expect(bodyText).toMatch(/No Incident Penalty|Select Discipline/i);

    const result = await harness.executeStep(16, {});

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

    const footerText = await page!.textContent('.wizard-footer');
    expect(footerText).toMatch(/Track Conditions/i);
  });
});