Breadcrumbs updates based on feedback

Author: GomezIvann

lib/src/breadcrumbs/Breadcrumbs.stories.tsx

@@ -178,10 +178,8 @@ const Breadcrumbs = () => (
       </ExampleContainer>
     </ExampleContainer>
     <Title title="Collapsed variant with dropdown menu opened" theme="light" level={3} />
-    <ExampleContainer>
-      <DxcContainer height="200px">
-        <DxcBreadcrumbs items={items} />
-      </DxcContainer>
+    <ExampleContainer expanded>
+      <DxcBreadcrumbs items={items} />
     </ExampleContainer>
   </>
 );

lib/src/breadcrumbs/Breadcrumbs.test.tsx

@@ -69,13 +69,13 @@ describe("Breadcrumbs component tests", () => {
       <DxcBreadcrumbs
         onItemClick={onItemClick}
         items={[
-          { label: "Home", href: "/" },
-          { label: "Preferences", href: "/" },
+          { label: "Home", href: "/home" },
+          { label: "Preferences", href: "/preferences" },
         ]}
       />
     );
     userEvent.click(getByText("Home"));
-    expect(onItemClick).toHaveBeenCalled();
+    expect(onItemClick).toHaveBeenCalledWith("/home");
   });
   test("The onClick prop from an item is properly called (collapsed)", async () => {
     const onItemClick = jest.fn();
@@ -92,6 +92,6 @@ describe("Breadcrumbs component tests", () => {
     );
     await userEvent.click(getByRole("button"));
     await userEvent.click(getByText("Preferences"));
-    expect(onItemClick).toHaveBeenCalled();
+    expect(onItemClick).toHaveBeenCalledWith("/");
   });
 });