test: add test for linting and fixing blueprints

src/test/Components/Blueprints/Blueprints.test.tsx

@@ -7,7 +7,10 @@ import { http, HttpResponse } from 'msw';
 import CreateImageWizard from '../../../Components/CreateImageWizard';
 import LandingPage from '../../../Components/LandingPage/LandingPage';
 import { IMAGE_BUILDER_API } from '../../../constants';
-import { emptyGetBlueprints } from '../../fixtures/blueprints';
+import {
+  emptyGetBlueprints,
+  mockBlueprintIds,
+} from '../../fixtures/blueprints';
 import { server } from '../../mocks/server';
 import { renderCustomRoutesWithReduxRouter } from '../../testUtils';
 
@@ -18,6 +21,24 @@ const selectBlueprintById = async (bpId: string) => {
   return blueprint;
 };
 
+const selectBlueprintByNameAndId = async (name: string, bpId: string) => {
+  const user = userEvent.setup();
+  const search = await screen.findByRole('textbox', {
+    name: /search input/i,
+  });
+
+  await waitFor(() => user.clear(search));
+  await waitFor(() => user.type(search, name));
+  expect(screen.getByRole('textbox', { name: /search input/i })).toHaveValue(
+    name
+  );
+
+  await screen.findByText('compliance');
+  const blueprint = await screen.findByTestId(bpId);
+  await waitFor(() => user.click(blueprint));
+  return blueprint;
+};
+
 describe('Blueprints', () => {
   beforeEach(() => {
     vi.clearAllMocks();
@@ -167,6 +188,25 @@ describe('Blueprints', () => {
     ).not.toBeInTheDocument();
   });
 
+  test('blueprint linting and fixing', async () => {
+    renderCustomRoutesWithReduxRouter();
+
+    const id = mockBlueprintIds.compliance;
+    await selectBlueprintByNameAndId('compliance', id);
+    await screen.findByText('The selected blueprint has errors.');
+    await screen.findByText("compliance: some thingy isn't right");
+
+    const button = await screen.findByRole('button', {
+      name: /fix errors automatically/i,
+    });
+    user.click(button);
+    await waitFor(() => {
+      expect(
+        screen.queryByText('The selected blueprint has errors.')
+      ).not.toBeInTheDocument();
+    });
+  });
+
   describe('edit blueprint', () => {
     beforeEach(() => {
       vi.clearAllMocks();