chore(deps-dev): bump @testing-library/jest-dom from 5.16.4 to 6.1.3

.changeset/strong-apricots-swim.md

@@ -0,0 +1,5 @@
+---
+"ingred-ui": patch
+---
+
+fix test cases using testing-library-jest

.scaffdog/component.md

@@ -47,7 +47,7 @@ export const Container = styled.div``;
 
 ```typescript
 import * as React from "react";
-import "@testing-library/jest-dom/extend-expect";
+import "@testing-library/jest-dom";
 import { cleanup } from "@testing-library/react";
 import { renderWithThemeProvider } from "../../../utils/renderWithThemeProvider";
 import {{ inputs.name | pascal }} from "../";

package.json

@@ -54,7 +54,7 @@
     "@storybook/addon-storysource": "7.4.0",
     "@storybook/react": "7.4.0",
     "@storybook/react-vite": "7.4.0",
-    "@testing-library/jest-dom": "5.16.4",
+    "@testing-library/jest-dom": "6.1.3",
     "@testing-library/react": "14.0.0",
     "@types/jest": "29.5.1",
     "@types/react": "18.0.12",

src/components/Accordion/__tests__/Accordion.test.tsx

@@ -1,5 +1,5 @@
 import * as React from "react";
-import "@testing-library/jest-dom/extend-expect";
+import "@testing-library/jest-dom";
 import { cleanup } from "@testing-library/react";
 import { renderWithThemeProvider } from "../../../utils/renderWithThemeProvider";
 import Accordion from "../";

src/components/ActionButton/__tests__/ActionButton.test.tsx

@@ -1,5 +1,5 @@
 import * as React from "react";
-import "@testing-library/jest-dom/extend-expect";
+import "@testing-library/jest-dom";
 import { cleanup } from "@testing-library/react";
 import ActionButton from "../";
 import { renderWithThemeProvider } from "../../../utils/renderWithThemeProvider";

src/components/Backdrop/__tests__/Backdrop.test.tsx

@@ -1,5 +1,5 @@
 import * as React from "react";
-import "@testing-library/jest-dom/extend-expect";
+import "@testing-library/jest-dom";
 import { cleanup } from "@testing-library/react";
 import { renderWithThemeProvider } from "../../../utils/renderWithThemeProvider";
 import Backdrop from "../";

src/components/Badge/__tests__/Badge.test.tsx

@@ -1,5 +1,5 @@
 import * as React from "react";
-import "@testing-library/jest-dom/extend-expect";
+import "@testing-library/jest-dom";
 import { cleanup } from "@testing-library/react";
 import Badge from "..";
 import { renderWithThemeProvider } from "../../../utils/renderWithThemeProvider";

src/components/Button/__tests__/Button.test.tsx

@@ -1,5 +1,5 @@
 import * as React from "react";
-import "@testing-library/jest-dom/extend-expect";
+import "@testing-library/jest-dom";
 import { cleanup } from "@testing-library/react";
 import Button from "..";
 import { renderWithThemeProvider } from "../../../utils/renderWithThemeProvider";

src/components/ButtonGroup/__tests__/ButtonGroup.test.tsx

@@ -1,5 +1,5 @@
 import * as React from "react";
-import "@testing-library/jest-dom/extend-expect";
+import "@testing-library/jest-dom";
 import { cleanup } from "@testing-library/react";
 import ButtonGroup from "..";
 import Button from "../../Button";

src/components/Card/__tests__/Card.test.tsx

@@ -1,5 +1,5 @@
 import * as React from "react";
-import "@testing-library/jest-dom/extend-expect";
+import "@testing-library/jest-dom";
 import { cleanup } from "@testing-library/react";
 import Card from "../";
 import { renderWithThemeProvider } from "../../../utils/renderWithThemeProvider";

src/components/Checkbox/__tests__/Checkbox.test.tsx

@@ -1,5 +1,5 @@
 import * as React from "react";
-import "@testing-library/jest-dom/extend-expect";
+import "@testing-library/jest-dom";
 import { cleanup } from "@testing-library/react";
 import Checkbox from "../";
 import { renderWithThemeProvider } from "../../../utils/renderWithThemeProvider";

src/components/ClickAwayListener/__tests__/ClickAwayListener.test.tsx

@@ -1,5 +1,5 @@
 import * as React from "react";
-import "@testing-library/jest-dom/extend-expect";
+import "@testing-library/jest-dom";
 import { cleanup, render, act, fireEvent } from "@testing-library/react";
 import ClickAwayListener from "../ClickAwayListener";
 

src/components/ConfirmModal/__tests__/ConfirmModal.test.tsx

@@ -1,5 +1,5 @@
 import * as React from "react";
-import "@testing-library/jest-dom/extend-expect";
+import "@testing-library/jest-dom";
 import { cleanup } from "@testing-library/react";
 import ConfirmModal from "..";
 import { renderWithThemeProvider } from "../../../utils/renderWithThemeProvider";

src/components/ContextMenu/__tests__/ContextMenu.test.tsx

@@ -1,5 +1,5 @@
 import * as React from "react";
-import "@testing-library/jest-dom/extend-expect";
+import "@testing-library/jest-dom";
 import { cleanup, fireEvent, act } from "@testing-library/react";
 import { renderWithThemeProvider } from "../../../utils/renderWithThemeProvider";
 import ContextMenu from "../ContextMenu";

src/components/CreatableSelect/__tests__/CreatableSelect.test.tsx

@@ -1,5 +1,5 @@
 import * as React from "react";
-import "@testing-library/jest-dom/extend-expect";
+import "@testing-library/jest-dom";
 import { cleanup } from "@testing-library/react";
 import { renderWithThemeProvider } from "../../../utils/renderWithThemeProvider";
 import CreatableSelect from "../CreatableSelect";

src/components/DataTable/__tests__/DataTable.test.tsx

@@ -1,5 +1,5 @@
 import * as React from "react";
-import "@testing-library/jest-dom/extend-expect";
+import "@testing-library/jest-dom";
 import { cleanup } from "@testing-library/react";
 import DataTable from "..";
 import { renderWithThemeProvider } from "../../../utils/renderWithThemeProvider";

src/components/DatePicker/__tests__/DatePicker.test.tsx

@@ -1,5 +1,5 @@
 import * as React from "react";
-import "@testing-library/jest-dom/extend-expect";
+import "@testing-library/jest-dom";
 import { cleanup } from "@testing-library/react";
 import DatePicker from "..";
 import { renderWithThemeProvider } from "../../../utils/renderWithThemeProvider";

src/components/DateRangePicker/__tests__/DateRangePicker.test.tsx

@@ -1,5 +1,5 @@
 import * as React from "react";
-import "@testing-library/jest-dom/extend-expect";
+import "@testing-library/jest-dom";
 import { cleanup } from "@testing-library/react";
 import DateRangePicker from "..";
 import { renderWithThemeProvider } from "../../../utils/renderWithThemeProvider";

src/components/Divider/__tests__/Divider.test.tsx

@@ -1,5 +1,5 @@
 import * as React from "react";
-import "@testing-library/jest-dom/extend-expect";
+import "@testing-library/jest-dom";
 import { cleanup } from "@testing-library/react";
 import Divider from "..";
 import { renderWithThemeProvider } from "../../../utils/renderWithThemeProvider";

src/components/DropdownButton/__tests__/DropDownButton.test.tsx

@@ -1,5 +1,5 @@
 import * as React from "react";
-import "@testing-library/jest-dom/extend-expect";
+import "@testing-library/jest-dom";
 import { cleanup, act, fireEvent } from "@testing-library/react";
 import DropdownButton from "..";
 import { renderWithThemeProvider } from "../../../utils/renderWithThemeProvider";

src/components/ErrorText/__tests__/ErrorText.test.tsx

@@ -1,5 +1,5 @@
 import * as React from "react";
-import "@testing-library/jest-dom/extend-expect";
+import "@testing-library/jest-dom";
 import { cleanup } from "@testing-library/react";
 import ErrorText from "../";
 import { renderWithThemeProvider } from "../../../utils/renderWithThemeProvider";

src/components/FileUploader/__tests__/FileUploader.test.tsx

@@ -1,5 +1,5 @@
 import * as React from "react";
-import "@testing-library/jest-dom/extend-expect";
+import "@testing-library/jest-dom";
 import { cleanup } from "@testing-library/react";
 import { renderWithThemeProvider } from "../../../utils/renderWithThemeProvider";
 import FileUploader from "../";

src/components/FixedPanel/__tests__/FixedPanel.test.tsx

@@ -1,5 +1,5 @@
 import * as React from "react";
-import "@testing-library/jest-dom/extend-expect";
+import "@testing-library/jest-dom";
 import { cleanup } from "@testing-library/react";
 import FixedPanel from "..";
 import { renderWithThemeProvider } from "../../../utils/renderWithThemeProvider";

src/components/Flex/__tests__/Flex.test.tsx

@@ -1,5 +1,5 @@
 import * as React from "react";
-import "@testing-library/jest-dom/extend-expect";
+import "@testing-library/jest-dom";
 import { cleanup } from "@testing-library/react";
 import Flex from "../";
 import { renderWithThemeProvider } from "../../../utils/renderWithThemeProvider";

src/components/FloatingTip/__tests__/FloatingTip.test.tsx

@@ -1,5 +1,5 @@
 import * as React from "react";
-import "@testing-library/jest-dom/extend-expect";
+import "@testing-library/jest-dom";
 import { cleanup } from "@testing-library/react";
 import FloatingTip from "..";
 import { renderWithThemeProvider } from "../../../utils/renderWithThemeProvider";

src/components/FullSizeConfirmModal/__tests__/FullSizeConfirmModal.test.tsx

@@ -1,5 +1,5 @@
 import * as React from "react";
-import "@testing-library/jest-dom/extend-expect";
+import "@testing-library/jest-dom";
 import { cleanup } from "@testing-library/react";
 import { renderWithThemeProvider } from "../../../utils/renderWithThemeProvider";
 import FullSizeConfirmModal from "../FullSizeConfirmModal";

src/components/Icon/__tests__/Icon.test.tsx

@@ -1,5 +1,5 @@
 import * as React from "react";
-import "@testing-library/jest-dom/extend-expect";
+import "@testing-library/jest-dom";
 import { cleanup } from "@testing-library/react";
 import Icon from "../";
 import { renderWithThemeProvider } from "../../../utils/renderWithThemeProvider";

src/components/Input/__tests__/Input.test.tsx

@@ -1,5 +1,5 @@
 import * as React from "react";
-import "@testing-library/jest-dom/extend-expect";
+import "@testing-library/jest-dom";
 import { cleanup } from "@testing-library/react";
 import Input from "../";
 import { renderWithThemeProvider } from "../../../utils/renderWithThemeProvider";

src/components/ItemEmpty/__tests__/ItemEmpty.test.tsx

@@ -1,5 +1,5 @@
 import * as React from "react";
-import "@testing-library/jest-dom/extend-expect";
+import "@testing-library/jest-dom";
 import { cleanup } from "@testing-library/react";
 import ItemEmpty from "../ItemEmpty";
 import { renderWithThemeProvider } from "../../../utils/renderWithThemeProvider";

src/components/LoadingBar/__tests__/LoadingBar.test.tsx

@@ -1,5 +1,5 @@
 import * as React from "react";
-import "@testing-library/jest-dom/extend-expect";
+import "@testing-library/jest-dom";
 import { cleanup } from "@testing-library/react";
 import LoadingBar from "../LoadingBar";
 import { renderWithThemeProvider } from "../../../utils/renderWithThemeProvider";

src/components/LocaleProvider/__tests__/LocaleProvider.test.tsx

@@ -1,5 +1,5 @@
 import * as React from "react";
-import "@testing-library/jest-dom/extend-expect";
+import "@testing-library/jest-dom";
 import { cleanup } from "@testing-library/react";
 import { renderWithThemeProvider } from "../../../utils/renderWithThemeProvider";
 import LocaleProvider from "../";

src/components/MenuList/__tests__/MenuList.test.tsx

@@ -1,5 +1,5 @@
 import * as React from "react";
-import "@testing-library/jest-dom/extend-expect";
+import "@testing-library/jest-dom";
 import { cleanup } from "@testing-library/react";
 import MenuList from "..";
 import { renderWithThemeProvider } from "../../../utils/renderWithThemeProvider";

src/components/Modal/__tests__/Modal.test.tsx

@@ -1,5 +1,5 @@
 import * as React from "react";
-import "@testing-library/jest-dom/extend-expect";
+import "@testing-library/jest-dom";
 import { cleanup } from "@testing-library/react";
 import Modal from "..";
 import { renderWithThemeProvider } from "../../../utils/renderWithThemeProvider";

src/components/MultipleFilter/__tests__/MultipleFilter.test.tsx

@@ -1,5 +1,5 @@
 import * as React from "react";
-import "@testing-library/jest-dom/extend-expect";
+import "@testing-library/jest-dom";
 import { cleanup } from "@testing-library/react";
 import { renderWithThemeProvider } from "../../../utils/renderWithThemeProvider";
 import MultipleFilter from "../";

src/components/NavigationRail/__tests__/NavigationRail.test.tsx

@@ -1,5 +1,5 @@
 import * as React from "react";
-import "@testing-library/jest-dom/extend-expect";
+import "@testing-library/jest-dom";
 import { cleanup } from "@testing-library/react";
 import NavigationRail from "..";
 import { renderWithThemeProvider } from "../../../utils/renderWithThemeProvider";

src/components/NotificationBadge/__tests__/NotificationBadge.test.tsx

@@ -1,5 +1,5 @@
 import * as React from "react";
-import "@testing-library/jest-dom/extend-expect";
+import "@testing-library/jest-dom";
 import { cleanup } from "@testing-library/react";
 import NotificationBadge from "..";
 import { renderWithThemeProvider } from "../../../utils/renderWithThemeProvider";

src/components/Pager/__tests__/Pager.test.tsx

@@ -1,5 +1,5 @@
 import * as React from "react";
-import "@testing-library/jest-dom/extend-expect";
+import "@testing-library/jest-dom";
 import { cleanup } from "@testing-library/react";
 import Pager from "../Pager";
 import { renderWithThemeProvider } from "../../../utils/renderWithThemeProvider";

src/components/Popover/__tests__/Popover.test.tsx

@@ -1,5 +1,5 @@
 import * as React from "react";
-import "@testing-library/jest-dom/extend-expect";
+import "@testing-library/jest-dom";
 import { cleanup } from "@testing-library/react";
 import Popover from "..";
 import { renderWithThemeProvider } from "../../../utils/renderWithThemeProvider";

src/components/RadioButton/__tests__/RadioButton.test.tsx

@@ -1,5 +1,5 @@
 import * as React from "react";
-import "@testing-library/jest-dom/extend-expect";
+import "@testing-library/jest-dom";
 import { cleanup } from "@testing-library/react";
 import RadioButton from "../RadioButton";
 import { renderWithThemeProvider } from "../../../utils/renderWithThemeProvider";

src/components/ScrollArea/__tests__/ScrollArea.test.tsx

@@ -1,5 +1,5 @@
 import * as React from "react";
-import "@testing-library/jest-dom/extend-expect";
+import "@testing-library/jest-dom";
 import { cleanup } from "@testing-library/react";
 import { renderWithThemeProvider } from "../../../utils/renderWithThemeProvider";
 import ScrollArea from "../";

src/components/Select/__tests__/Select.test.tsx

@@ -1,5 +1,5 @@
 import * as React from "react";
-import "@testing-library/jest-dom/extend-expect";
+import "@testing-library/jest-dom";
 import { cleanup } from "@testing-library/react";
 import Select from "../";
 import { renderWithThemeProvider } from "../../../utils/renderWithThemeProvider";

src/components/Snackbar/__tests__/Snackbar.test.tsx

@@ -1,5 +1,5 @@
 import * as React from "react";
-import "@testing-library/jest-dom/extend-expect";
+import "@testing-library/jest-dom";
 import { cleanup } from "@testing-library/react";
 import Snackbar from "../";
 import { renderWithThemeProvider } from "../../../utils/renderWithThemeProvider";

src/components/Spacer/__tests__/Spacer.test.tsx

@@ -1,5 +1,5 @@
 import * as React from "react";
-import "@testing-library/jest-dom/extend-expect";
+import "@testing-library/jest-dom";
 import { cleanup, render } from "@testing-library/react";
 import Spacer from "../";
 import { Space } from "../../../styles/space";

src/components/Spinner/__tests__/Spinner.test.tsx

@@ -1,5 +1,5 @@
 import * as React from "react";
-import "@testing-library/jest-dom/extend-expect";
+import "@testing-library/jest-dom";
 import { cleanup } from "@testing-library/react";
 import Spinner from "../";
 import { renderWithThemeProvider } from "../../../utils/renderWithThemeProvider";

src/components/SplitAnnotation/__tests__/SplitAnnotation.test.tsx

@@ -1,5 +1,5 @@
 import * as React from "react";
-import "@testing-library/jest-dom/extend-expect";
+import "@testing-library/jest-dom";
 import { cleanup } from "@testing-library/react";
 import SplitAnnotation from "..";
 import { renderWithThemeProvider } from "../../../utils/renderWithThemeProvider";

src/components/Switch/__tests__/Switch.test.tsx

@@ -1,5 +1,5 @@
 import * as React from "react";
-import "@testing-library/jest-dom/extend-expect";
+import "@testing-library/jest-dom";
 import { cleanup } from "@testing-library/react";
 import Switch from "../";
 import { renderWithThemeProvider } from "../../../utils/renderWithThemeProvider";

src/components/Table/__tests__/Table.test.tsx

@@ -1,5 +1,5 @@
 import * as React from "react";
-import "@testing-library/jest-dom/extend-expect";
+import "@testing-library/jest-dom";
 import { cleanup } from "@testing-library/react";
 import Table from "../";
 import { renderWithThemeProvider } from "../../../utils/renderWithThemeProvider";

src/components/Tabs/__tests__/Tabs.test.tsx

@@ -1,5 +1,5 @@
 import * as React from "react";
-import "@testing-library/jest-dom/extend-expect";
+import "@testing-library/jest-dom";
 import { cleanup } from "@testing-library/react";
 import Tabs from "../";
 import { renderWithThemeProvider } from "../../../utils/renderWithThemeProvider";

src/components/TextField/__tests__/TextField.test.tsx

@@ -1,5 +1,5 @@
 import * as React from "react";
-import "@testing-library/jest-dom/extend-expect";
+import "@testing-library/jest-dom";
 import { cleanup } from "@testing-library/react";
 import TextField from "../";
 import { renderWithThemeProvider } from "../../../utils/renderWithThemeProvider";

src/components/Toast/DefaultToast/__tests__/DefaultToast.test.tsx

@@ -1,5 +1,5 @@
 import * as React from "react";
-import "@testing-library/jest-dom/extend-expect";
+import "@testing-library/jest-dom";
 import { cleanup } from "@testing-library/react";
 import DefaultToast from "..";
 import { renderWithThemeProvider } from "../../../../utils/renderWithThemeProvider";

src/components/ToggleButton/__tests__/ToggleButton.test.tsx

@@ -1,5 +1,5 @@
 import * as React from "react";
-import "@testing-library/jest-dom/extend-expect";
+import "@testing-library/jest-dom";
 import { cleanup } from "@testing-library/react";
 import ToggleButton from "..";
 import { renderWithThemeProvider } from "../../../utils/renderWithThemeProvider";

src/components/Tooltip/__tests__/Tooltip.test.tsx

@@ -1,5 +1,5 @@
 import * as React from "react";
-import "@testing-library/jest-dom/extend-expect";
+import "@testing-library/jest-dom";
 import { cleanup } from "@testing-library/react";
 import { renderWithThemeProvider } from "../../../utils/renderWithThemeProvider";
 import Tooltip from "../Tooltip";

src/components/Typography/__tests__/Typography.test.tsx

@@ -1,5 +1,5 @@
 import * as React from "react";
-import "@testing-library/jest-dom/extend-expect";
+import "@testing-library/jest-dom";
 import { cleanup } from "@testing-library/react";
 import Typography from "../";
 import { renderWithThemeProvider } from "../../../utils/renderWithThemeProvider";