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

describe('Step 12 – add track', () => {
  let harness: StepHarness;

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

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

  it('executes on Add Track modal from Track step', async () => {
    await harness.navigateToFixtureStep(12);

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

    const sidebarTrack = await page!.textContent(
      '#wizard-sidebar-link-set-track',
    );
    expect(sidebarTrack).toContain('Track');

    const bodyText = await page!.textContent('body');
    expect(bodyText).toMatch(/Add a Track/i);

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

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

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