add unit test for «ModelRegister» component

Introduce a unit test to verify the behavior of the «ModelRegister» component during installation failure. Mock dependencies like «ModelForm» and «useAssistantInstallation» to simulate scenarios, ensuring proper handling of error states and absence of success messages.

Author: guidomodarelli

public/dashboard-assistant/components/__tests__/model-register.test.tsx

@@ -0,0 +1,101 @@
+/*
+ * Copyright Wazuh Contributors
+ * SPDX-License-Identifier: Apache-2.0
+ */
+
+import React from 'react';
+import userEvent from '@testing-library/user-event';
+import { render, screen, waitFor } from '../../../../test/test_utils';
+
+jest.mock('../model-form', () => {
+  const React = require('react');
+
+  const MockModelForm = ({ onChange, onValidationChange }: any) => {
+    React.useEffect(() => {
+      onChange?.({
+        modelProvider: 'OpenAI',
+        model: 'gpt-4o',
+        apiUrl: 'https://api.openai.com/v1/chat/completions',
+        apiKey: 'mock-key',
+      });
+      onValidationChange?.(true);
+    }, [onChange, onValidationChange]);
+
+    return <div data-testid="mock-model-form" />;
+  };
+
+  return {
+    __esModule: true,
+    ModelForm: MockModelForm,
+  };
+});
+
+jest.mock('../../modules/installation-manager/hooks/use-assistant-installation', () => {
+  const React = require('react');
+  const { ExecutionState } = require('../../modules/installation-manager/domain');
+
+  const failedStep = {
+    stepName: 'Create Model',
+    state: ExecutionState.FAILED,
+    error: new Error('Model step failed'),
+  };
+
+  const progress = {
+    getSteps: () => [
+      {
+        stepName: 'Persist ML Commons settings',
+        state: ExecutionState.FINISHED_SUCCESSFULLY,
+      },
+      failedStep,
+    ],
+    getFailedSteps: () => [failedStep],
+    isFinished: () => false,
+    isFinishedSuccessfully: () => false,
+    isFinishedWithWarnings: () => false,
+    hasFailed: () => true,
+  };
+
+  return {
+    __esModule: true,
+    useAssistantInstallation: () => {
+      const [error, setError] = React.useState<string | undefined>(undefined);
+
+      const install = React.useCallback(async () => {
+        setError('Steps: "Create Model" has failed');
+      }, []);
+
+      return {
+        install,
+        setModel: jest.fn(),
+        reset: jest.fn(),
+        isLoading: false,
+        error,
+        result: { success: false },
+        modelData: undefined,
+        progress,
+        isSuccess: false,
+      };
+    },
+  };
+});
+
+import { ModelRegister } from '../model-register';
+
+describe('ModelRegister', () => {
+  it('does not show success toast when installation fails', async () => {
+    const user = userEvent.setup();
+
+    render(<ModelRegister />);
+
+    const deployButton = await screen.findByRole('button', { name: /Deploy/i });
+    expect(deployButton).toBeEnabled();
+
+    await user.click(deployButton);
+
+    await screen.findByText(/Error deploying model/i);
+
+    await waitFor(() => {
+      expect(screen.queryByText('Model deployed successfully.')).not.toBeInTheDocument();
+    });
+  });
+});