chore: Update tests to use jest.mocked

Author: mlaursen

packages/documentation/src/components/DemoSandbox/__tests__/DemoSandbox.tsx

@@ -1,12 +1,11 @@
-import { mocked } from "ts-jest/utils";
 import { render, fireEvent } from "utils/tests";
 
 import DemoSandbox from "../DemoSandbox";
 import useSandbox from "../useSandbox";
 
 jest.mock("../useSandbox");
 
-const useSandboxMock = mocked(useSandbox);
+const useSandboxMock = jest.mocked(useSandbox);
 
 beforeEach(() => {
   useSandboxMock.mockImplementation((defaultSandbox) => ({

packages/documentation/tsconfig.json

@@ -11,6 +11,6 @@
     "isolatedModules": true,
     "incremental": true
   },
-  "include": ["next-env.d.ts", "src"],
-  "exclude": ["src/server", "**/__tests__"]
+  "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx"],
+  "exclude": ["node_modules"]
 }

packages/form/src/text-field/__tests__/TextArea.tsx

@@ -2,14 +2,13 @@
 // tests with cypress
 import { ReactElement, useState } from "react";
 import { act, fireEvent, render } from "@testing-library/react";
-import { mocked } from "ts-jest/utils";
 import { ResizeObserver } from "@juggle/resize-observer";
 
 import { TextArea } from "../TextArea";
 
 jest.mock("@juggle/resize-observer");
 
-const ResizeObserverMock = mocked(ResizeObserver);
+const ResizeObserverMock = jest.mocked(ResizeObserver);
 const DEFAULT_DOM_RECT: DOMRectReadOnly = {
   x: 0,
   y: 0,

packages/layout/src/__tests__/Layout.tsx

@@ -7,7 +7,6 @@ import {
   Routes,
   Route,
 } from "react-router-dom";
-import { mocked } from "ts-jest/utils";
 import {
   RenderOptions,
   fireEvent,
@@ -46,8 +45,9 @@ jest.mock("@react-md/utils", () => ({
   AppSizeListener: jest.fn(),
 }));
 
-mocked(AppSizeListener).mockImplementation(
-  ({ children, defaultSize = DEFAULT_APP_SIZE }) => {
+jest
+  .mocked(AppSizeListener)
+  .mockImplementation(({ children, defaultSize = DEFAULT_APP_SIZE }) => {
     const [value, setValue] = useState({ ...defaultSize, __initialized: true });
     return (
       <AppSizeContext.Provider value={value}>
@@ -73,8 +73,7 @@ mocked(AppSizeListener).mockImplementation(
         )}
       </AppSizeContext.Provider>
     );
-  }
-);
+  });
 
 const render = (ui: ReactElement, options?: RenderOptions) =>
   baseRender(ui, {

packages/utils/src/__tests__/useInterval.tsx

@@ -1,12 +1,11 @@
 import { render } from "@testing-library/react";
 import { act, renderHook } from "@testing-library/react-hooks";
-import { mocked } from "ts-jest/utils";
 
 import { useInterval } from "../useInterval";
 
 jest.useFakeTimers();
-const setInterval = mocked(window.setInterval);
-const clearInterval = mocked(window.clearInterval);
+const setInterval = jest.mocked(window.setInterval);
+const clearInterval = jest.mocked(window.clearInterval);
 beforeEach(() => {
   setInterval.mockClear();
   clearInterval.mockClear();

packages/utils/src/__tests__/useTimeout.ts

@@ -1,12 +1,11 @@
 import { act, renderHook } from "@testing-library/react-hooks";
-import { mocked } from "ts-jest/utils";
 
 import { useTimeout } from "../useTimeout";
 
 jest.useFakeTimers();
 
-const setTimeout = mocked(window.setTimeout);
-const clearTimeout = mocked(window.clearTimeout);
+const setTimeout = jest.mocked(window.setTimeout);
+const clearTimeout = jest.mocked(window.clearTimeout);
 
 afterEach(() => {
   jest.clearAllMocks();

packages/utils/src/layout/__tests__/GridList.tsx

@@ -2,14 +2,13 @@
 import { ReactElement } from "react";
 import { act, render } from "@testing-library/react";
 import { ResizeObserver } from "@juggle/resize-observer";
-import { mocked } from "ts-jest/utils";
 
 import { GridList, GridListProps } from "../GridList";
 import { useGridListSize } from "../useGridList";
 
 jest.mock("@juggle/resize-observer");
 
-const ResizeObserverMock = mocked(ResizeObserver);
+const ResizeObserverMock = jest.mocked(ResizeObserver);
 
 const DEFAULT_DOM_RECT: DOMRectReadOnly = {
   x: 100,

packages/utils/src/sizing/__tests__/useResizeObserver.tsx

@@ -1,6 +1,5 @@
 import { act, render } from "@testing-library/react";
 import { ResizeObserver } from "@juggle/resize-observer";
-import { mocked } from "ts-jest/utils";
 
 import {
   OnResizeObserverChange,
@@ -10,7 +9,7 @@ import {
 
 jest.mock("@juggle/resize-observer");
 
-const ResizeObserverMock = mocked(ResizeObserver);
+const ResizeObserverMock = jest.mocked(ResizeObserver);
 const observe = jest.fn();
 const unobserve = jest.fn();
 const disconnect = jest.fn();

packages/utils/src/wia-aria/__tests__/focusElementWithin.ts

@@ -1,14 +1,12 @@
-import { mocked } from "ts-jest/utils";
-
 import { scrollIntoView as scrollIntoView_ } from "../../scrollIntoView";
 import { focusElementWithin } from "../focusElementWithin";
 import { getFocusableElements as getFocusableElements_ } from "../getFocusableElements";
 
 jest.mock("../getFocusableElements");
 jest.mock("../../scrollIntoView");
 
-const getFocusableElements = mocked(getFocusableElements_);
-const scrollIntoView = mocked(scrollIntoView_);
+const getFocusableElements = jest.mocked(getFocusableElements_);
+const scrollIntoView = jest.mocked(scrollIntoView_);
 const ELEMENT = document.createElement("div");
 const element1 = document.createElement("button");
 element1.className = "element element--1";