fix: mocks for getActiveSessions

apps/web/src/components/Menu/AppsMenu/AppsMenu.test.tsx

@@ -1,15 +1,40 @@
-import { WalletClient } from "@umami/state";
+jest.mock("@umami/state", () => ({
+  ...jest.requireActual("@umami/state"),
+  walletKit: {
+    core: {},
+    metadata: {
+      name: "AppMenu test",
+      description: "Umami Wallet with WalletConnect",
+      url: "https://umamiwallet.com",
+      icons: ["https://umamiwallet.com/assets/favicon-32-45gq0g6M.png"],
+    },
+    getActiveSessions: jest.fn(),
+    pair: jest.fn(),
+  },
+  createWalletKit: jest.fn(),
+}));
+
+import { WalletClient, walletKit } from "@umami/state";
 
 import { AppsMenu } from "./AppsMenu";
 import { act, renderInDrawer, screen, userEvent } from "../../../testUtils";
 
 describe("<AppsMenu />", () => {
-  it("calls addPeer on button click with the copied text", async () => {
+  beforeEach(() => {
+    jest.clearAllMocks();
+  });
+  it("calls addPeer for Beacon on button click with the copied text", async () => {
     const user = userEvent.setup();
     const payload =
       "btunoo2sZmmMB6k9Bef8tgYs7PsS6g6DFdUiDzVuwMxv7nGJN71eFCtGxGfq321pFy4eT2ckDWWzTdBhvje7VUzy2ZciQSe9rGMCF6Fpx5MCM3q2CWyUt4nhqSFigPhcUHaLAzAwcSTXbSRn9YZ8QJwwaWzdsNF6UW4PrWeCbABvHArBDpeLRNxJRjMpAVndoCCf9Vbu7YRXF2FcxWxUrcqfj1i3hr34M8zRTtP5QuVqita8MW5A6Ub3tB3bDvykqa8aYFvxbWr47USytTQjVqnnFUdBo8rm3cJyUq39hJwUdbvZEyoGUWnfuhFHYcbyZP86CPef1p7Eh1KUEwVKxLxQwNX84Eg1eBkZowRtNKcqqShMhKT7ZEELyfh1ji7NckRF8RJuwuco4dqBg6msuZjZqta4CsJvQw4A66RbePC8LxwKEb3Nhha8cygtbQVC4Scb7PaLY9qwQJjYL7n";
     jest.spyOn(navigator.clipboard, "readText").mockResolvedValue(payload);
-    const mockAddPeer = jest.spyOn(WalletClient, "addPeer");
+    jest.spyOn(walletKit, "getActiveSessions").mockImplementation(() => ({}));
+
+    // make sure the mocks are correct
+    expect(walletKit.metadata.name).toEqual("AppMenu test");
+    expect(walletKit.getActiveSessions()).toEqual({});
+
+    const mockAddPeer = jest.spyOn(WalletClient, "addPeer").mockResolvedValue(undefined);
 
     await renderInDrawer(<AppsMenu />);
 
@@ -25,4 +50,25 @@ describe("<AppsMenu />", () => {
       version: "3",
     });
   });
+
+  it("handles WalletConenct request on button click with the copied text", async () => {
+    const user = userEvent.setup();
+    const payload =
+      "wc:c02d87d6f8c46a9192e1fd4627b5104d326ee6ec4dd9040482a277bdc53e2f10@2?expiryTimestamp=1733241891&relay-protocol=irn&symKey=d8b5f7b8a35b7e73126bfe4af89568811a87c4cfd49e3946c44026d55267ebd7";
+    jest.spyOn(navigator.clipboard, "readText").mockResolvedValue(payload);
+    jest.spyOn(walletKit, "getActiveSessions").mockImplementation(() => ({}));
+
+    // make sure the mocks are correct
+    expect(walletKit.metadata.name).toEqual("AppMenu test");
+    expect(walletKit.getActiveSessions()).toEqual({});
+
+    const mockAddPeer = jest.spyOn(WalletClient, "addPeer").mockResolvedValue(undefined);
+
+    await renderInDrawer(<AppsMenu />);
+
+    await act(() => user.click(screen.getByText("Connect")));
+
+    expect(mockAddPeer).not.toHaveBeenCalled();
+    expect(walletKit.pair).toHaveBeenCalledWith({ uri: payload });
+  });
 });

apps/web/src/components/Menu/Menu.test.tsx

@@ -6,6 +6,7 @@ import {
   addTestAccount,
   makeStore,
   useDownloadBackupFile,
+  walletKit,
 } from "@umami/state";
 
 import { AddressBookMenu } from "./AddressBookMenu/AddressBookMenu";
@@ -30,6 +31,17 @@ jest.mock("@chakra-ui/system", () => ({
 jest.mock("@umami/state", () => ({
   ...jest.requireActual("@umami/state"),
   useDownloadBackupFile: jest.fn(),
+  walletKit: {
+    core: {},
+    metadata: {
+      name: "AppMenu test",
+      description: "Umami Wallet with WalletConnect",
+      url: "https://umamiwallet.com",
+      icons: ["https://umamiwallet.com/assets/favicon-32-45gq0g6M.png"],
+    },
+    getActiveSessions: jest.fn(),
+  },
+  createWalletKit: jest.fn(),
 }));
 
 let store: UmamiStore;
@@ -71,6 +83,7 @@ describe("<Menu />", () => {
     ])("opens %label menu correctly", async (label, Component) => {
       const user = userEvent.setup();
       const { openWith } = dynamicDrawerContextMock;
+      jest.spyOn(walletKit, "getActiveSessions").mockImplementation(() => ({}));
 
       await renderInDrawer(<Menu />, store);