debian-image-builder-frontend/src/test/Components/CreateImageWizardV2/steps/FirstBoot/Firstboot.test.tsx

/* eslint-disable @typescript-eslint/no-unused-vars */
import '@testing-library/jest-dom';
import { screen, waitFor } from '@testing-library/react';
import { userEvent } from '@testing-library/user-event';

import {
  CREATE_BLUEPRINT,
  EDIT_BLUEPRINT,
  FIRST_BOOT_SERVICE,
} from '../../../../../constants';
import { mockBlueprintIds } from '../../../../fixtures/blueprints';
import {
  SCRIPT,
  firstBootCreateBlueprintRequest,
  firstBootData,
} from '../../../../fixtures/editMode';
import { clickNext } from '../../../../testUtils';
import {
  blueprintRequest,
  clickRegisterLater,
  enterBlueprintName,
  interceptBlueprintRequest,
  interceptEditBlueprintRequest,
  openAndDismissSaveAndBuildModal,
  renderCreateMode,
  renderEditMode,
} from '../../wizardTestUtils';

vi.mock('@redhat-cloud-services/frontend-components/useChrome', () => ({
  useChrome: () => ({
    auth: {
      getUser: () => {
        return {
          identity: {
            internal: {
              org_id: 5,
            },
          },
        };
      },
    },
    isBeta: () => true,
    isProd: () => false,
    getEnvironment: () => 'stage',
  }),
}));

vi.mock('@unleash/proxy-client-react', () => ({
  useUnleashContext: () => vi.fn(),
  useFlag: vi.fn((flag) =>
    flag === 'image-builder.firstboot.enabled' ? true : false
  ),
}));

const goToFirstBootStep = async (): Promise<void> => {
  const user = userEvent.setup();
  const guestImageCheckBox = await screen.findByRole('checkbox', {
    name: /virtualization guest image checkbox/i,
  });
  await waitFor(() => user.click(guestImageCheckBox));
  await clickNext();
  await clickNext(); // Registration
  await clickRegisterLater();
  await clickNext(); // OpenSCAP
  await clickNext(); // File System
  await clickNext(); // Custom repositories
  await clickNext(); // Additional packages
  await clickNext(); // Snapshot
  await clickNext(); // First Boot
};

const openCodeEditor = async (): Promise<void> => {
  const user = userEvent.setup();
  const startBtn = await screen.findByRole('button', {
    name: /Start from scratch/i,
  });
  await waitFor(() => user.click(startBtn));
};

const uploadFile = async (): Promise<void> => {
  const user = userEvent.setup();
  const fileInput: HTMLElement | null =
    // eslint-disable-next-line testing-library/no-node-access
    document.querySelector('input[type="file"]');

  if (fileInput) {
    const file = new File([SCRIPT], 'script.sh', { type: 'text/x-sh' });
    await waitFor(() => user.upload(fileInput, file));
  }
};

const goToReviewStep = async (): Promise<void> => {
  await clickNext(); // Details
  await enterBlueprintName();
  await clickNext(); // Review
};

describe('First Boot step', () => {
  beforeEach(() => {
    vi.clearAllMocks();
  });

  test('should render First Boot step', async () => {
    await renderCreateMode();
    await goToFirstBootStep();
    await screen.findByText('First boot configuration');
  });
  //  describe('validate first boot request ', () => {
  //    test('should validate first boot request', async () => {
  //      await renderCreateMode();
  //      await goToFirstBootStep();
  //      await openCodeEditor();
  //      await uploadFile();
  //      await goToReviewStep();
  //      // informational modal pops up in the first test only as it's tied
  //      // to a 'imageBuilder.saveAndBuildModalSeen' variable in localStorage
  //      await openAndDismissSaveAndBuildModal();
  //      const receivedRequest = await interceptBlueprintRequest(CREATE_BLUEPRINT);
  //
  //      const expectedRequest = {
  //        ...blueprintRequest,
  //        customizations: {
  //          files: firstBootData,
  //          services: { enabled: [FIRST_BOOT_SERVICE] },
  //        },
  //      };
  //
  //      await waitFor(() => {
  //        expect(receivedRequest).toEqual(expectedRequest);
  //      });
  //    });
  //  });
});

describe('First Boot edit mode', () => {
  beforeEach(() => {
    vi.clearAllMocks();
  });

  test('edit mode works', async () => {
    const id = mockBlueprintIds['firstBoot'];
    await renderEditMode(id);

    // starts on review step
    const receivedRequest = await interceptEditBlueprintRequest(
      `${EDIT_BLUEPRINT}/${id}`
    );
    const expectedRequest = firstBootCreateBlueprintRequest;
    expect(receivedRequest).toEqual(expectedRequest);
  });
});