[PB-3528]:feat/update coverage for components

src/components/breadcrumbs/__test__/Breadcrumbs.test.tsx

@@ -85,13 +85,29 @@ describe('Breadcrumbs Component', () => {
     expect(separators).toHaveLength(3);
   });
 
-  it('opens the dropdown menu when clicked', async () => {
-    const { getByRole, getByText } = renderBreadcrumbs();
+  it('renders a dropdown menu with functionally hidden items for lists larger than 3 components', async () => {
+    const fiveItemsProps = {
+      ...mockProps,
+      items: [
+        ...mockProps.items,
+        { uuid: '5', label: 'Details', icon: null, active: true },
+      ],
+    };
+
+    const { getByRole, getByText } = render(
+      <DndProvider backend={HTML5Backend}>
+        <Breadcrumbs {...fiveItemsProps} />
+      </DndProvider>
+    );
+
     const dropdownButton = getByRole('button');
     await act(async () => {
       userEvent.click(dropdownButton);
     });
-    const hiddenItem = getByText('Subcategory');
-    expect(hiddenItem).toBeInTheDocument();
+
+    const hiddenItemCategory = getByText('Category');
+    const hiddenItemSubcategory = getByText('Subcategory');
+    expect(hiddenItemCategory).toBeInTheDocument();
+    expect(hiddenItemSubcategory).toBeInTheDocument();
   });
 });

src/components/breadcrumbs/__test__/BreadcrumbsItem.test.tsx

@@ -129,4 +129,16 @@ describe('BreadcrumbsItem Component', () => {
     const { getByTestId } = renderBreadcrumbsItem({ itemComponent: ItemComponentMock });
     expect(getByTestId('custom-icon')).toBeInTheDocument();
   });
+
+  it('applies first path styling when isFirstPath is true', () => {
+    const firstPathItem = { ...breadcrumbItem, isFirstPath: true };
+    const { getByText } = renderBreadcrumbsItem({ item: firstPathItem, totalBreadcrumbsLength: 1 });
+    expect(getByText('Item 1').parentElement).toHaveClass('shrink-0 pr-1');
+  });
+
+  it('renders gracefully when label is not provided', () => {
+    const noLabelItem = { ...breadcrumbItem, label: '' };
+    const { container } = renderBreadcrumbsItem({ item: noLabelItem });
+    expect(container).toBeInTheDocument();
+  });
 });

src/components/button/__test__/Button.test.tsx

@@ -20,6 +20,13 @@ describe('Button component', () => {
     expect(keydown).toHaveBeenCalledOnce();
   });
 
+  it('Button should handle default onClick and onKeyDown without crashing', () => {
+    const { getByRole } = render(<Button />);
+    const button = getByRole('button');
+    fireEvent.click(button);
+    fireEvent.keyDown(button, { key: 'Enter', code: 'Enter' });
+  });
+
   it('Primary button should render correctly', () => {
     const button = render(<Button variant="primary">Primary</Button>);
     expect(button).toMatchSnapshot();
@@ -94,4 +101,31 @@ describe('Button component', () => {
     const button = render(<Button variant="tertiary" size="medium" />);
     expect(button).toMatchSnapshot();
   });
+
+  it('Destructive loading button should render correctly', () => {
+    const button = render(<Button variant="destructive" loading />);
+    expect(button).toMatchSnapshot();
+  });
+
+  it('Button with id, dataTest, autofocus, buttonDataCy and buttonChildrenDataCy renders correctly', () => {
+    const button = render(
+      <Button
+        variant="primary"
+        id="btn-id"
+        dataTest="btn-test"
+        autofocus
+        buttonDataCy="btn-cy"
+        buttonChildrenDataCy="btn-children-cy"
+      >
+        With Props
+      </Button>,
+    );
+    expect(button).toMatchSnapshot();
+  });
+
+  it('Button with unknown variant should render default styles', () => {
+    // @ts-expect-error testing invalid variant
+    const button = render(<Button variant="unknown">Unknown</Button>);
+    expect(button).toMatchSnapshot();
+  });
 });