more tests

Author: gregfromstl

packages/thirdweb/src/react/web/ui/ConnectWallet/Details.test.tsx

@@ -1,5 +1,10 @@
-import { beforeEach, describe, it, vi } from "vitest";
-import { render } from "../../../../../test/src/react-render.js";
+import { beforeEach, describe, expect, it, vi } from "vitest";
+import {
+  fireEvent,
+  render,
+  screen,
+  waitFor,
+} from "../../../../../test/src/react-render.js";
 import { TEST_CLIENT } from "../../../../../test/src/test-clients.js";
 import { useActiveAccount } from "../../../core/hooks/wallets/useActiveAccount.js";
 import { DetailsModal } from "./Details.js";
@@ -50,5 +55,53 @@ describe("Details Component", () => {
         assetTabs={mockAssetTabs}
       />,
     );
+
+    await waitFor(() => {
+      expect(closeModalMock).toHaveBeenCalled();
+    });
+  });
+
+  it("should render the DetailsModal with default props", async () => {
+    const closeModalMock = vi.fn();
+    const locale = await getConnectLocale("en_US");
+
+    render(
+      <DetailsModal
+        client={TEST_CLIENT}
+        locale={locale}
+        theme="light"
+        closeModal={closeModalMock}
+        onDisconnect={mockOnDisconnect}
+        chains={mockChains}
+        connectOptions={mockConnectOptions}
+      />,
+    );
+
+    // Add assertions to check if the modal is rendered correctly
+    expect(screen.getByText("Connect Modal")).toBeInTheDocument();
+  });
+
+  it("should call closeModal when the close button is clicked", async () => {
+    const closeModalMock = vi.fn();
+    const locale = await getConnectLocale("en_US");
+
+    render(
+      <DetailsModal
+        client={TEST_CLIENT}
+        locale={locale}
+        theme="light"
+        closeModal={closeModalMock}
+        onDisconnect={mockOnDisconnect}
+        chains={mockChains}
+        connectOptions={mockConnectOptions}
+      />,
+    );
+
+    // Simulate clicking the close button
+    fireEvent.click(screen.getByRole("button", { name: /close/i }));
+
+    await waitFor(() => {
+      expect(closeModalMock).toHaveBeenCalled();
+    });
   });
 });