test(modal): update test and remove close test

functionality is covered by next-ui modal

src/pages/Home/ReceiveModal/__tests__/ReceiveModal.test.tsx

@@ -1,7 +1,7 @@
 import ReceiveModal from "../ReceiveModal";
 import { http, server, HttpResponse } from "@/testServer";
 import userEvent from "@testing-library/user-event";
-import { render, screen } from "test-utils";
+import { render, screen, mockedDisclosure } from "test-utils";
 
 beforeEach(() => {
   server.use(
@@ -16,7 +16,7 @@ beforeEach(() => {
 describe("ReceiveModal", () => {
   test("Retrieves new on-chain address on click of on-chain button", async () => {
     const user = userEvent.setup();
-    render(<ReceiveModal onClose={() => {}} />);
+    render(<ReceiveModal disclosure={mockedDisclosure} />);
 
     const onChainBtn = await screen.findByText("wallet.on_chain");
 
@@ -27,7 +27,7 @@ describe("ReceiveModal", () => {
 
   test("Retrieves a new address upon clicking the refresh button", async () => {
     const user = userEvent.setup();
-    render(<ReceiveModal onClose={() => {}} />);
+    render(<ReceiveModal disclosure={mockedDisclosure} />);
 
     const onChainBtn = screen.getByRole("button", { name: "wallet.on_chain" });
 

src/pages/Home/SendModal/SendModal.tsx

@@ -11,7 +11,7 @@ import { instance } from "@/utils/interceptor";
 import { AxiosResponse } from "axios";
 import { FC, useState } from "react";
 
-interface Props extends Pick<ConfirmModalProps, "disclosure"> {
+export interface Props extends Pick<ConfirmModalProps, "disclosure"> {
   lnBalance: number;
   onchainBalance: number;
 }

src/pages/Home/SendModal/__tests__/SendModal.test.tsx

@@ -1,14 +1,13 @@
-import SendModal, { Props } from "../SendModal";
+import SendModal, { type Props } from "../SendModal";
 import { HttpResponse, http, server } from "@/testServer";
 import userEvent from "@testing-library/user-event";
 import type { UserEvent } from "@testing-library/user-event/dist/types/setup/setup";
-import { render, screen } from "test-utils";
+import { render, screen, mockedDisclosure } from "test-utils";
 
-const handleClose = vi.fn();
 const basicProps: Props = {
   lnBalance: 0,
   onchainBalance: 0,
-  onClose: handleClose,
+  disclosure: mockedDisclosure,
 };
 
 const setup = () => {
@@ -32,14 +31,6 @@ describe("SendModal", () => {
     expect(onChainBtn).not.toBeDisabled();
   });
 
-  it("should close on click of X button", async () => {
-    const user = userEvent.setup();
-    setup();
-    const closeBtn = screen.getByRole("button", { name: "" });
-    await user.click(closeBtn);
-    expect(handleClose).toHaveBeenCalled();
-  });
-
   describe("SendLN", () => {
     it("enables the send button on valid input", async () => {
       const user = userEvent.setup();

src/pages/Home/__tests__/UnlockModal.test.tsx

@@ -1,17 +1,7 @@
 import UnlockModal from "../UnlockModal";
 import { http, server, HttpResponse } from "@/testServer";
 import userEvent from "@testing-library/user-event";
-import { render, screen } from "test-utils";
-
-const mockedDisclosure = {
-  isOpen: true,
-  onOpen: vi.fn(),
-  onClose: vi.fn(),
-  onOpenChange: vi.fn(),
-  isControlled: false,
-  getButtonProps: vi.fn(),
-  getDisclosureProps: vi.fn(),
-};
+import { render, screen, mockedDisclosure } from "test-utils";
 
 describe("UnlockModal", () => {
   const setup = () => {

src/utils/test-utils.tsx

@@ -63,3 +63,13 @@ const customRender = (
 
 export * from "@testing-library/react";
 export { customRender as render };
+
+export const mockedDisclosure = {
+  isOpen: true,
+  onOpen: vi.fn(),
+  onClose: vi.fn(),
+  onOpenChange: vi.fn(),
+  isControlled: false,
+  getButtonProps: vi.fn(),
+  getDisclosureProps: vi.fn(),
+};