fix(datagrid-web): move jest-dom import to jest.setup and mock ResizeObserver

Author: samuelreichert

packages/pluggableWidgets/datagrid-web/src/components/__tests__/ColumnResizer.spec.tsx

@@ -1,4 +1,3 @@
-import "@testing-library/jest-dom";
 import { render } from "@testing-library/react";
 import { ColumnResizer } from "../ColumnResizer";
 

packages/pluggableWidgets/datagrid-web/src/components/__tests__/ColumnSelector.spec.tsx

@@ -1,6 +1,5 @@
 import { act, render, screen } from "@testing-library/react";
 import userEvent from "@testing-library/user-event";
-import "@testing-library/jest-dom";
 import { ColumnSelector, ColumnSelectorProps } from "../ColumnSelector";
 import { ColumnId, GridColumn } from "../../typings/GridColumn";
 

packages/pluggableWidgets/datagrid-web/src/components/__tests__/Header.spec.tsx

@@ -1,5 +1,4 @@
 import { dynamic } from "@mendix/widget-plugin-test-utils";
-import "@testing-library/jest-dom";
 import { render } from "@testing-library/react";
 import userEvent from "@testing-library/user-event";
 import { ContainerProvider } from "brandi-react";

packages/pluggableWidgets/datagrid-web/src/jest.setup.ts

@@ -0,0 +1,6 @@
+import "@testing-library/jest-dom";
+
+global.ResizeObserver = jest.fn().mockImplementation(() => ({
+    observe: jest.fn(),
+    disconnect: jest.fn()
+}));