feat(container): fix the tests

ref: MANAGER-16358 Signed-off-by: Maxime Bajeux <[email protected]>
ovh · Dec 18, 2024 · 30ce7e4 · 30ce7e4
1 parent 9284da0
commit 30ce7e4
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 7 deletions.
diff --git a/...ps/container/src/container/nav-reshuffle/sidebar/ProjectSelector/ProjectSelector.test.tsx b/...ps/container/src/container/nav-reshuffle/sidebar/ProjectSelector/ProjectSelector.test.tsx
@@ -15,7 +15,6 @@ const pciProjects : Array<Partial<PciProject>> = [
 ];
 
 const onProjectChange = vi.fn();
-const onProjectCreate = vi.fn();
 const onSeeAllProjects = vi.fn();
 const onMenuOpen = vi.fn();
 
@@ -24,10 +23,8 @@ const props: Props = {
   projects: pciProjects as Array<PciProject>,
   selectedProject: pciProjects[0] as PciProject,
   onProjectChange: onProjectChange,
-  onProjectCreate: onProjectCreate,
   onSeeAllProjects: onSeeAllProjects,
   onMenuOpen: onMenuOpen,
-  createLabel: "Créer un projet",
   seeAllButton: true,
   seeAllLabel: "Tous mes projets Public Cloud",
 }
@@ -38,9 +35,7 @@ const renderProjectSelector = (props: Props) => {
     projects={props.projects}
     selectedProject={props.projects[0]}
     onProjectChange={props.onProjectChange}
-    onProjectCreate={props.onProjectCreate}
     onSeeAllProjects={props.onSeeAllProjects}
-    createLabel={props.createLabel}
     seeAllButton={props.seeAllButton}
     seeAllLabel={props.seeAllLabel}
   />);

diff --git a/...ager/apps/container/src/container/nav-reshuffle/sidebar/SubTree/PublicCloudPanel.test.tsx b/...ager/apps/container/src/container/nav-reshuffle/sidebar/SubTree/PublicCloudPanel.test.tsx
@@ -1,8 +1,8 @@
 import { vi, it, describe, expect } from 'vitest';
-import { render, waitFor } from '@testing-library/react';
+import { render, act, fireEvent } from '@testing-library/react';
 import { Node } from '../navigation-tree/node';
 import { PublicCloudPanel, PublicCloudPanelProps } from './PublicCloudPanel';
-import { mockShell } from '../mocks/sidebarMocks';
+import { mockShell, mockPlugins } from '../mocks/sidebarMocks';
 import { PciProject } from '../ProjectSelector/PciProject';
 import { Props as ProjectSelectorProps } from '../ProjectSelector/ProjectSelector';
 import { pciNode } from '../navigation-tree/services/publicCloud';
@@ -105,4 +105,12 @@ describe('PublicCloudPanel.component', () => {
     expect(projectSelector).not.toBeNull();
     expect(projectSelector.innerHTML).toBe('12345');
   });
+
+  it('should navigate to project creation when the button is clicked', async () => {
+    const { queryByTestId } = renderPublicCloudPanelComponent(props);
+    const createButton = queryByTestId('pci-create-project');
+    await act(() => fireEvent.click(createButton));
+
+    expect(mockPlugins.navigation.navigateTo).toHaveBeenCalled();
+  })
 });
diff --git a/...s/manager/apps/container/src/container/nav-reshuffle/sidebar/SubTree/PublicCloudPanel.tsx b/...s/manager/apps/container/src/container/nav-reshuffle/sidebar/SubTree/PublicCloudPanel.tsx
@@ -202,6 +202,7 @@ export const PublicCloudPanel: React.FC<ComponentProps<
           color={ODS_THEME_COLOR_INTENT.primary}
           type={ODS_BUTTON_TYPE.button}
           size={ODS_BUTTON_SIZE.sm}
+          data-testid="pci-create-project"
           variant={ODS_BUTTON_VARIANT.flat}
           onClick={() =>
             navigationPlugin.navigateTo('public-cloud', `#/pci/projects/new`)