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

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

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

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

  it('clicks Create a Race on Hosted Racing page', async () => {
    await harness.navigateToFixtureStep(1);
    const page = harness.adapter.getPage();
    expect(page).not.toBeNull();

    const bodyTextBefore = await page!.textContent('body');
    expect(bodyTextBefore).toContain('Create a Race');

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

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

    const bodyTextAfter = await page!.textContent('body');
    expect(bodyTextAfter).toMatch(/Last Settings/i);
  });
});