Migrate more jest tests to vitest (#33898)

* Migrate more jest tests to vitest

* Fix jest config

* Fix jest config

* Make remaining jest tests type-happy

apps/web/test/unit-tests/components/structures/MatrixChat-test.tsx

@@ -9,7 +9,7 @@ Please see LICENSE files in the repository root for full details.
 import "fake-indexeddb/auto";
 import React, { type ComponentProps, createRef, type RefObject } from "react";
 import { fireEvent, render, type RenderResult, screen, waitFor, within, act } from "jest-matrix-react";
-import { type Mocked, mocked } from "jest-mock";
+import { type Mocked, mocked } from "jest-mock-vitest-adapter";
 import { ClientEvent, type MatrixClient, MatrixEvent, Room, SyncState } from "matrix-js-sdk/src/matrix";
 import { type MediaHandler } from "matrix-js-sdk/src/webrtc/mediaHandler";
 import * as MatrixJs from "matrix-js-sdk/src/matrix";

apps/web/test/unit-tests/components/structures/auth/Login-test.tsx

@@ -7,7 +7,7 @@ Please see LICENSE files in the repository root for full details.
 
 import React from "react";
 import { fireEvent, render, screen, waitForElementToBeRemoved } from "jest-matrix-react";
-import { mocked, type MockedObject } from "jest-mock";
+import { mocked, type MockedObject } from "jest-mock-vitest-adapter";
 import fetchMock from "@fetch-mock/jest";
 import { DELEGATED_OIDC_COMPATIBILITY, IdentityProviderBrand, type OidcClientConfig } from "matrix-js-sdk/src/matrix";
 import { logger } from "matrix-js-sdk/src/logger";

apps/web/test/unit-tests/components/structures/auth/Registration-test.tsx

@@ -10,7 +10,7 @@ Please see LICENSE files in the repository root for full details.
 import React from "react";
 import { fireEvent, render, screen, waitFor, waitForElementToBeRemoved } from "jest-matrix-react";
 import { createClient, type MatrixClient, MatrixError, type OidcClientConfig } from "matrix-js-sdk/src/matrix";
-import { mocked, type MockedObject } from "jest-mock";
+import { mocked, type MockedObject } from "jest-mock-vitest-adapter";
 import fetchMock from "@fetch-mock/jest";
 
 import SdkConfig, { DEFAULTS } from "../../../../../src/SdkConfig";

apps/web/test/unit-tests/components/views/dialogs/InviteDialog-test.tsx

@@ -12,7 +12,7 @@ import userEvent from "@testing-library/user-event";
 import { type MatrixClient, MatrixError, Room, RoomType } from "matrix-js-sdk/src/matrix";
 import { KnownMembership } from "matrix-js-sdk/src/types";
 import { sleep } from "matrix-js-sdk/src/utils";
-import { mocked, type Mocked } from "jest-mock";
+import { mocked, type Mocked } from "jest-mock-vitest-adapter";
 import { UserVerificationStatus } from "matrix-js-sdk/src/crypto-api";
 
 import InviteDialog from "../../../../../src/components/views/dialogs/InviteDialog";

apps/web/test/unit-tests/components/views/dialogs/LogoutDialog-test.tsx

@@ -7,7 +7,7 @@ Please see LICENSE files in the repository root for full details.
 */
 
 import React from "react";
-import { mocked, type MockedObject } from "jest-mock";
+import { mocked, type MockedObject } from "jest-mock-vitest-adapter";
 import { Device, DeviceVerification, type MatrixClient } from "matrix-js-sdk/src/matrix";
 import { type CryptoApi, DeviceVerificationStatus, type KeyBackupInfo } from "matrix-js-sdk/src/crypto-api";
 import { fireEvent, render, type RenderResult, screen, waitFor } from "jest-matrix-react";

apps/web/test/unit-tests/components/views/dialogs/UserSettingsDialog-test.tsx

@@ -8,7 +8,7 @@ Please see LICENSE files in the repository root for full details.
 
 import React, { type ReactElement } from "react";
 import { render, screen, waitFor } from "jest-matrix-react";
-import { mocked, type MockedObject } from "jest-mock";
+import { mocked, type MockedObject } from "jest-mock-vitest-adapter";
 import { ClientEvent, MatrixEvent, type MatrixClient } from "matrix-js-sdk/src/matrix";
 
 import SettingsStore, { type CallbackFn } from "../../../../../src/settings/SettingsStore";
@@ -258,7 +258,7 @@ describe("<UserSettingsDialog />", () => {
     it("displays an indicator when user needs to set up recovery", async () => {
         // Initially, the user doesn't have secret storage, so it should display
         // an indicator.
-        mockClient.secretStorage.getDefaultKeyId.mockResolvedValue(null);
+        mocked(mockClient.secretStorage.getDefaultKeyId).mockResolvedValue(null);
 
         const { container } = render(getComponent());
 
@@ -271,7 +271,7 @@ describe("<UserSettingsDialog />", () => {
 
         // The user now has secret storage.  Trigger an update and check that
         // the indicator disappears.
-        mockClient.secretStorage.getDefaultKeyId.mockResolvedValue("foo");
+        mocked(mockClient.secretStorage.getDefaultKeyId).mockResolvedValue("foo");
         mockClient.emit(ClientEvent.AccountData, new MatrixEvent({ type: "m.secret_storage.default_key" }));
 
         await waitFor(() => {

apps/web/test/unit-tests/components/views/dialogs/security/ResetIdentityDialog-test.tsx

@@ -9,7 +9,7 @@ Please see LICENSE files in the repository root for full details.
 import React, { act } from "react";
 import { render } from "jest-matrix-react";
 import { type CryptoApi } from "matrix-js-sdk/src/crypto-api";
-import { type Mocked } from "jest-mock";
+import { type Mocked } from "jest-mock-vitest-adapter";
 import { type MatrixClient } from "matrix-js-sdk/src/matrix";
 
 import { getMockClientWithEventEmitter } from "../../../../../test-utils";

apps/web/test/unit-tests/components/views/messages/MVideoBody-test.tsx

@@ -10,7 +10,7 @@ import React from "react";
 import { EventType, getHttpUriForMxc, type IContent, type MatrixClient, MatrixEvent } from "matrix-js-sdk/src/matrix";
 import { fireEvent, render, screen } from "jest-matrix-react";
 import fetchMock from "@fetch-mock/jest";
-import { type MockedObject } from "jest-mock";
+import { type MockedObject } from "jest-mock-vitest-adapter";
 
 import MatrixClientContext from "../../../../../src/contexts/MatrixClientContext";
 import { type RoomPermalinkCreator } from "../../../../../src/utils/permalinks/Permalinks";

apps/web/test/unit-tests/components/views/messages/TextualBody-test.tsx

@@ -8,7 +8,7 @@ Please see LICENSE files in the repository root for full details.
 
 import React, { type ComponentProps } from "react";
 import { type MatrixClient, type MatrixEvent, PushRuleKind, type Room } from "matrix-js-sdk/src/matrix";
-import { mocked, type MockedObject } from "jest-mock";
+import { mocked, type MockedObject } from "jest-mock-vitest-adapter";
 import { act, render, waitFor } from "jest-matrix-react";
 import { PushProcessor } from "matrix-js-sdk/src/pushprocessor";
 

apps/web/test/unit-tests/components/views/settings/tabs/user/AccountUserSettingsTab-test.tsx

@@ -11,7 +11,7 @@ import React from "react";
 import { type MatrixClient, ThreepidMedium } from "matrix-js-sdk/src/matrix";
 import { logger } from "matrix-js-sdk/src/logger";
 import userEvent from "@testing-library/user-event";
-import { type MockedObject } from "jest-mock";
+import { type MockedObject } from "jest-mock-vitest-adapter";
 
 import AccountUserSettingsTab from "../../../../../../../src/components/views/settings/tabs/user/AccountUserSettingsTab";
 import { SdkContextClass, SDKContext } from "../../../../../../../src/contexts/SDKContext";

apps/web/test/unit-tests/components/views/settings/tabs/user/MediaPreviewAccountSettingsTab-test.tsx

@@ -18,7 +18,7 @@ import {
 } from "../../../../../../test-utils";
 import MatrixClientBackedController from "../../../../../../../src/settings/controllers/MatrixClientBackedController";
 import MatrixClientBackedSettingsHandler from "../../../../../../../src/settings/handlers/MatrixClientBackedSettingsHandler";
-import type { MockedObject } from "jest-mock";
+import type { MockedObject } from "jest-mock-vitest-adapter";
 import {
     MEDIA_PREVIEW_ACCOUNT_DATA_TYPE,
     type MediaPreviewConfig,

apps/web/test/unit-tests/components/views/settings/tabs/user/SessionManagerTab-test.tsx

@@ -33,7 +33,7 @@ import {
     MatrixError,
     type MatrixClient,
 } from "matrix-js-sdk/src/matrix";
-import { mocked, type MockedObject } from "jest-mock";
+import { mocked, type MockedObject } from "jest-mock-vitest-adapter";
 import fetchMock from "@fetch-mock/jest";
 
 import {

apps/web/test/unit-tests/components/views/spaces/SpaceCreateMenu-test.tsx

@@ -17,7 +17,7 @@ import {
     Visibility,
 } from "matrix-js-sdk/src/matrix";
 import userEvent from "@testing-library/user-event";
-import { type MockedObject } from "jest-mock";
+import { type MockedObject } from "jest-mock-vitest-adapter";
 
 import * as createRoomModule from "../../../../../src/createRoom";
 import SpaceCreateMenu, { createSpace } from "../../../../../src/components/views/spaces/SpaceCreateMenu";

apps/web/test/unit-tests/components/views/toasts/VerificationRequestToast-test.tsx

@@ -7,7 +7,7 @@ Please see LICENSE files in the repository root for full details.
 */
 
 import React, { type ComponentProps } from "react";
-import { mocked, type Mocked } from "jest-mock";
+import { mocked, type Mocked } from "jest-mock-vitest-adapter";
 import { render, type RenderResult } from "jest-matrix-react";
 import { TypedEventEmitter, type IMyDevice, type MatrixClient, Device } from "matrix-js-sdk/src/matrix";
 import { type VerificationRequest, VerificationRequestEvent } from "matrix-js-sdk/src/crypto-api";