chore(core): start supporting multiple test frameworks

packages/core/jest.config.cjs

@@ -30,6 +30,9 @@ const config = {
   moduleNameMapper: {
     "\\.scss$": "identity-obj-proxy",
     "^(\\.{1,2}/.*)\\.js$": "$1",
+    "^test-utils$": "<rootDir>/src/test-utils/index.ts",
+    "^test-utils/jest-globals$":
+      "<rootDir>/src/test-utils/jest-globals/index.ts",
   },
 
   watchPlugins: [

packages/core/jest.setup.ts

@@ -1,3 +1,2 @@
-import "@testing-library/jest-dom/jest-globals";
+import "./src/test-utils/jest-globals/setup.js";
 import "./src/test-utils/polyfills/index.js";
-import "./src/test-utils/jest-setup.js";

packages/core/package.json

@@ -16,11 +16,8 @@
       "require": "./dist/test-utils/polyfills/*",
       "default": "./dist/test-utils/polyfills/*.js"
     },
+    "./test-utils/jest-globals": "./dist/test-utils/jest-globals/index.js",
     "./test-utils": "./dist/test-utils/index.js",
-    "./test-utils/*": {
-      "require": "./dist/test-utils/*",
-      "default": "./dist/test-utils/*.js"
-    },
     "./colors": {
       "sass": "./dist/_colors.scss",
       "default": "./dist/theme/colors.js"

packages/core/src/__tests__/NoSsr.tsx

@@ -1,6 +1,6 @@
 import { describe, expect, it } from "@jest/globals";
 import { type ReactElement } from "react";
-import { render, screen } from "../test-utils/index.js";
+import { render, screen } from "test-utils";
 
 import { NoSsr } from "../NoSsr.js";
 import { SsrProvider, useSsr } from "../SsrProvider.js";

packages/core/src/__tests__/useAsyncFunction.tsx

@@ -1,12 +1,6 @@
 import { describe, expect, it, jest } from "@jest/globals";
 import { type MouseEvent, type ReactElement } from "react";
-import {
-  act,
-  rmdRender,
-  screen,
-  userEvent,
-  waitFor,
-} from "../test-utils/index.js";
+import { act, rmdRender, screen, userEvent, waitFor } from "test-utils";
 
 import { box } from "../box/styles.js";
 import { Button, type ButtonProps } from "../button/Button.js";

packages/core/src/__tests__/useDebouncedFunction.tsx

@@ -1,13 +1,6 @@
 import { describe, expect, it, jest } from "@jest/globals";
 import { useState } from "react";
-import {
-  act,
-  fireEvent,
-  render,
-  screen,
-  userEvent,
-  waitFor,
-} from "../test-utils/index.js";
+import { act, fireEvent, render, screen, userEvent, waitFor } from "test-utils";
 
 import { Button } from "../button/Button.js";
 import { TextField } from "../form/TextField.js";

packages/core/src/__tests__/useDropzone.tsx

@@ -1,7 +1,7 @@
 import { describe, expect, it, jest } from "@jest/globals";
 import { cnb } from "cnbuilder";
 import { type ReactElement, type ReactNode } from "react";
-import { fireEvent, render, screen } from "../test-utils/index.js";
+import { fireEvent, render, screen } from "test-utils";
 
 import { useDropzone, type DropzoneOptions } from "../useDropzone.js";
 

packages/core/src/__tests__/useElementSize.tsx

@@ -1,12 +1,10 @@
 import { describe, expect, it } from "@jest/globals";
 import { createRef, type MutableRefObject, type ReactElement } from "react";
+import { act, render, screen } from "test-utils";
 import {
-  act,
   cleanupResizeObserverAfterEach,
-  render,
-  screen,
   setupResizeObserverMock,
-} from "../test-utils/index.js";
+} from "test-utils/jest-globals";
 import { type ElementSize } from "../types.js";
 import { useElementSize, type ElementSizeOptions } from "../useElementSize.js";
 

packages/core/src/__tests__/useEnsuredId.tsx

@@ -1,6 +1,6 @@
 import { describe, expect, it } from "@jest/globals";
 import { type ReactElement } from "react";
-import { render, screen } from "../test-utils/index.js";
+import { render, screen } from "test-utils";
 
 import { useEnsuredId } from "../useEnsuredId.js";
 

packages/core/src/__tests__/useEnsuredState.tsx

@@ -1,6 +1,6 @@
 import { describe, expect, it, jest } from "@jest/globals";
 import { type ReactElement } from "react";
-import { fireEvent, render, screen } from "../test-utils/index.js";
+import { fireEvent, render, screen } from "test-utils";
 import { useEnsuredState } from "../useEnsuredState.js";
 import { useToggle } from "../useToggle.js";
 

packages/core/src/__tests__/useHtmlClassName.tsx

@@ -1,5 +1,5 @@
 import { describe, expect, it } from "@jest/globals";
-import { render } from "../test-utils/index.js";
+import { render } from "test-utils";
 
 import { useHtmlClassName } from "../useHtmlClassName.js";
 

packages/core/src/__tests__/useLocalStorage.tsx

@@ -1,7 +1,7 @@
 import { afterEach, describe, expect, it } from "@jest/globals";
 import lzString from "lz-string";
 import { useEffect, type ReactElement } from "react";
-import { act, fireEvent, render, screen } from "../test-utils/index.js";
+import { act, fireEvent, render, screen } from "test-utils";
 
 import { Button } from "../button/Button.js";
 import { SsrProvider } from "../SsrProvider.js";

packages/core/src/__tests__/useOrientation.tsx

@@ -1,5 +1,5 @@
 import { describe, expect, it, jest } from "@jest/globals";
-import { act, render } from "../test-utils/index.js";
+import { act, render } from "test-utils";
 
 import { useOrientation } from "../useOrientation.js";
 

packages/core/src/__tests__/useResizeObserver.tsx

@@ -2,13 +2,15 @@ import { describe, expect, it, jest } from "@jest/globals";
 import { useEffect, type ReactElement } from "react";
 import {
   act,
-  cleanupResizeObserverAfterEach,
   createResizeObserverEntry,
   render,
   screen,
-  setupResizeObserverMock,
   waitFor,
-} from "../test-utils/index.js";
+} from "test-utils";
+import {
+  cleanupResizeObserverAfterEach,
+  setupResizeObserverMock,
+} from "test-utils/jest-globals";
 
 import {
   useResizeObserver,

packages/core/src/__tests__/useThrottledFunction.tsx

@@ -5,14 +5,7 @@ import {
   type MutableRefObject,
   type ReactElement,
 } from "react";
-import {
-  act,
-  fireEvent,
-  render,
-  screen,
-  userEvent,
-  waitFor,
-} from "../test-utils/index.js";
+import { act, fireEvent, render, screen, userEvent, waitFor } from "test-utils";
 
 import { Button } from "../button/Button.js";
 import { TextField } from "../form/TextField.js";

packages/core/src/__tests__/useToggle.tsx

@@ -1,6 +1,6 @@
 import { describe, expect, it } from "@jest/globals";
 import { type ReactElement } from "react";
-import { fireEvent, render, screen } from "../test-utils/index.js";
+import { fireEvent, render, screen } from "test-utils";
 
 import { useToggle } from "../useToggle.js";
 

packages/core/src/__tests__/useWindowSize.tsx

@@ -1,7 +1,7 @@
 import { beforeAll, beforeEach, describe, expect, it } from "@jest/globals";
 import { createRef, type MutableRefObject, type ReactElement } from "react";
 import { SsrProvider } from "../SsrProvider.js";
-import { act, render, screen, waitFor } from "../test-utils/index.js";
+import { act, render, screen, waitFor } from "test-utils";
 import { type ElementSize } from "../types.js";
 import { useWindowSize, type WindowSizeOptions } from "../useWindowSize.js";
 

packages/core/src/app-bar/__tests__/AppBar.tsx

@@ -1,6 +1,6 @@
 import { describe, expect, it } from "@jest/globals";
 import { createRef } from "react";
-import { render, screen } from "../../test-utils/index.js";
+import { render, screen } from "test-utils";
 import { AppBar } from "../AppBar.js";
 import { AppBarTitle } from "../AppBarTitle.js";
 import { type AppBarHeight, type AppBarPosition } from "../styles.js";

packages/core/src/app-bar/__tests__/AppBarTitle.tsx

@@ -1,6 +1,6 @@
 import { describe, expect, it } from "@jest/globals";
 import { createRef } from "react";
-import { render, screen } from "../../test-utils/index.js";
+import { render, screen } from "test-utils";
 import { AppBarTitle } from "../AppBarTitle.js";
 import { appBarTitle } from "../styles.js";
 

packages/core/src/autocomplete/__tests__/Autocomplete.tsx

@@ -1,17 +1,11 @@
 import { afterAll, beforeAll, describe, expect, it, jest } from "@jest/globals";
 import { cnb } from "cnbuilder";
 import { act, createRef, type ReactElement, useEffect, useState } from "react";
+import { rmdRender, screen, userEvent, within } from "test-utils";
+import { type RafSpy, testImmediateRaf } from "test-utils/jest-globals";
 import { FontIcon } from "../../icon/FontIcon.js";
 import { type MenuItemProps } from "../../menu/MenuItem.js";
 import { fuzzySearch } from "../../searching/fuzzy.js";
-import {
-  type RafSpy,
-  rmdRender,
-  screen,
-  testImmediateRaf,
-  userEvent,
-  within,
-} from "../../test-utils/index.js";
 import { SrOnly } from "../../typography/SrOnly.js";
 import { Autocomplete } from "../Autocomplete.js";
 import {

packages/core/src/autocomplete/__tests__/AutocompleteChip.tsx

@@ -1,6 +1,6 @@
 import { describe, expect, it, jest } from "@jest/globals";
 import { createRef } from "react";
-import { render, screen } from "../../test-utils/index.js";
+import { render, screen } from "test-utils";
 import { AutocompleteChip } from "../AutocompleteChip.js";
 
 describe("AutocompleteChip", () => {

packages/core/src/autocomplete/__tests__/AutocompleteCircularProgress.tsx

@@ -1,5 +1,5 @@
 import { describe, expect, it } from "@jest/globals";
-import { render, screen } from "../../test-utils/index.js";
+import { render, screen } from "test-utils";
 import { AutocompleteCircularProgress } from "../AutocompleteCircularProgress.js";
 
 describe("AutocompleteCircularProgress", () => {

packages/core/src/autocomplete/__tests__/AutocompleteClearButton.tsx

@@ -1,5 +1,5 @@
 import { describe, expect, it, jest } from "@jest/globals";
-import { render, screen } from "../../test-utils/index.js";
+import { render, screen } from "test-utils";
 import { AutocompleteClearButton } from "../AutocompleteClearButton.js";
 import { type AutocompleteClearButtonProps } from "../types.js";
 

packages/core/src/avatar/__tests__/Avatar.tsx

@@ -1,6 +1,6 @@
 import { describe, expect, it } from "@jest/globals";
 import { createRef } from "react";
-import { render, screen } from "../../test-utils/index.js";
+import { render, screen } from "test-utils";
 
 import { Avatar } from "../Avatar.js";
 import { avatarImage } from "../styles.js";

packages/core/src/badge/__tests__/Badge.tsx

@@ -1,6 +1,6 @@
 import { describe, expect, it } from "@jest/globals";
 import { createRef } from "react";
-import { render, screen } from "../../test-utils/index.js";
+import { render, screen } from "test-utils";
 
 import { Badge } from "../Badge.js";
 

packages/core/src/box/__tests__/Box.tsx

@@ -1,6 +1,6 @@
 import { describe, expect, it } from "@jest/globals";
 import { createRef } from "react";
-import { render, screen } from "../../test-utils/index.js";
+import { render, screen } from "test-utils";
 import { Box, type BoxProps } from "../Box.js";
 import { type BoxAlignItems, type BoxJustifyContent } from "../styles.js";
 

packages/core/src/button/__tests__/AsyncButton.tsx

@@ -1,14 +1,7 @@
 import { describe, expect, it, jest } from "@jest/globals";
 import { createRef } from "react";
 import { FontIcon } from "../../icon/FontIcon.js";
-import {
-  act,
-  rmdRender,
-  screen,
-  userEvent,
-  waitFor,
-  within,
-} from "../../test-utils/index.js";
+import { act, rmdRender, screen, userEvent, waitFor, within } from "test-utils";
 import { AsyncButton, type AsyncButtonProps } from "../AsyncButton.js";
 
 describe("AsyncButton", () => {

packages/core/src/button/__tests__/Button.tsx

@@ -2,7 +2,7 @@ import { describe, expect, it, jest } from "@jest/globals";
 import { createRef } from "react";
 import { FontIcon } from "../../icon/FontIcon.js";
 import { INTERACTION_CONFIG } from "../../interaction/config.js";
-import { fireEvent, render, screen } from "../../test-utils/index.js";
+import { fireEvent, render, screen } from "test-utils";
 import { SrOnly } from "../../typography/SrOnly.js";
 import { Button, type ButtonProps } from "../Button.js";
 import {

packages/core/src/button/__tests__/ButtonUnstyled.tsx

@@ -1,6 +1,6 @@
 import { describe, expect, it } from "@jest/globals";
 import { createRef } from "react";
-import { render, screen } from "../../test-utils/index.js";
+import { render, screen } from "test-utils";
 
 import { ButtonUnstyled } from "../ButtonUnstyled.js";
 import { buttonUnstyled } from "../buttonUnstyledStyles.js";

packages/core/src/button/__tests__/TooltippedButton.tsx

@@ -1,7 +1,7 @@
 import { describe, expect, it } from "@jest/globals";
 import { createRef } from "react";
 import { FontIcon } from "../../icon/FontIcon.js";
-import { render, screen, userEvent } from "../../test-utils/index.js";
+import { render, screen, userEvent } from "test-utils";
 import {
   TooltippedButton,
   type TooltippedButtonProps,

packages/core/src/card/__tests__/Card.tsx

@@ -1,6 +1,6 @@
 import { describe, expect, it } from "@jest/globals";
 import { createRef } from "react";
-import { render, screen } from "../../test-utils/index.js";
+import { render, screen } from "test-utils";
 
 import { Card } from "../Card.js";
 

packages/core/src/card/__tests__/CardContent.tsx

@@ -1,6 +1,6 @@
 import { describe, expect, it } from "@jest/globals";
 import { createRef } from "react";
-import { render, screen } from "../../test-utils/index.js";
+import { render, screen } from "test-utils";
 
 import { CardContent } from "../CardContent.js";
 

packages/core/src/card/__tests__/CardFooter.tsx

@@ -1,6 +1,6 @@
 import { describe, expect, it } from "@jest/globals";
 import { createRef } from "react";
-import { render, screen } from "../../test-utils/index.js";
+import { render, screen } from "test-utils";
 
 import { CardFooter } from "../CardFooter.js";
 

packages/core/src/card/__tests__/CardHeader.tsx

@@ -1,6 +1,6 @@
 import { describe, expect, it } from "@jest/globals";
 import { createRef } from "react";
-import { render, screen } from "../../test-utils/index.js";
+import { render, screen } from "test-utils";
 
 import { Button } from "../../button/Button.js";
 import { CardHeader } from "../CardHeader.js";

packages/core/src/card/__tests__/CardSubtitle.tsx

@@ -1,6 +1,6 @@
 import { describe, expect, it } from "@jest/globals";
 import { createRef } from "react";
-import { render, screen } from "../../test-utils/index.js";
+import { render, screen } from "test-utils";
 
 import { CardSubtitle } from "../CardSubtitle.js";
 

packages/core/src/card/__tests__/CardTitle.tsx

@@ -1,6 +1,6 @@
 import { describe, expect, it } from "@jest/globals";
 import { createRef } from "react";
-import { render, screen } from "../../test-utils/index.js";
+import { render, screen } from "test-utils";
 
 import { CardTitle } from "../CardTitle.js";
 

packages/core/src/card/__tests__/ClickableCard.tsx

@@ -1,6 +1,6 @@
 import { describe, expect, it, jest } from "@jest/globals";
 import { createRef } from "react";
-import { fireEvent, render, screen } from "../../test-utils/index.js";
+import { fireEvent, render, screen } from "test-utils";
 import { ClickableCard } from "../ClickableCard.js";
 
 describe("ClickableCard", () => {

packages/core/src/chip/__tests__/Chip.tsx

@@ -1,12 +1,6 @@
 import { describe, expect, it, jest } from "@jest/globals";
 import { createRef, type ReactElement } from "react";
-import {
-  fireEvent,
-  render,
-  rmdRender,
-  screen,
-  userEvent,
-} from "../../test-utils/index.js";
+import { fireEvent, render, rmdRender, screen, userEvent } from "test-utils";
 
 import { FontIcon } from "../../icon/FontIcon.js";
 import { INTERACTION_CONFIG } from "../../interaction/config.js";

packages/core/src/dialog/__tests__/Dialog.tsx

@@ -2,12 +2,7 @@ import { describe, expect, it } from "@jest/globals";
 import { createRef, type ReactElement } from "react";
 import { Button } from "../../button/Button.js";
 import { PORTAL_CONTAINER_ID } from "../../portal/PortalContainerProvider.js";
-import {
-  rmdRender,
-  screen,
-  userEvent,
-  waitFor,
-} from "../../test-utils/index.js";
+import { rmdRender, screen, userEvent, waitFor } from "test-utils";
 import { useToggle } from "../../useToggle.js";
 import { isElementVisible } from "../../utils/isElementVisible.js";
 import { Dialog, type DialogProps } from "../Dialog.js";

packages/core/src/dialog/__tests__/DialogContent.tsx

@@ -1,6 +1,6 @@
 import { describe, expect, it } from "@jest/globals";
 import { createRef } from "react";
-import { render, screen } from "../../test-utils/index.js";
+import { render, screen } from "test-utils";
 import { DialogContent } from "../DialogContent.js";
 import { dialogContent } from "../styles.js";