chore: move observer stub to test utils

Author: r0b1n

packages/pluggableWidgets/combobox-web/src/__tests__/MultiSelection.spec.tsx

@@ -5,9 +5,9 @@ import {
     ReferenceSetValueBuilder,
     listExp,
     obj,
-    list
+    list,
+    setupIntersectionObserverStub
 } from "@mendix/widget-plugin-test-utils";
-import "./__mocks__/intersectionObserverMock";
 import "@testing-library/jest-dom";
 import { fireEvent, render, RenderResult, waitFor } from "@testing-library/react";
 import { ListValue } from "mendix";
@@ -20,6 +20,9 @@ async function getInput(component: RenderResult): Promise<HTMLInputElement> {
 }
 
 describe("Combo box (Association)", () => {
+    beforeAll(() => {
+        setupIntersectionObserverStub();
+    });
     let defaultProps: ComboboxContainerProps;
     beforeEach(() => {
         defaultProps = {

packages/pluggableWidgets/combobox-web/src/__tests__/SingleSelection.spec.tsx

@@ -5,9 +5,9 @@ import {
     ListAttributeValueBuilder,
     list,
     obj,
-    ReferenceValueBuilder
+    ReferenceValueBuilder,
+    setupIntersectionObserverStub
 } from "@mendix/widget-plugin-test-utils";
-import "./__mocks__/intersectionObserverMock";
 import "@testing-library/jest-dom";
 import { fireEvent, render, RenderResult, act, waitFor } from "@testing-library/react";
 import { ListValue } from "mendix";
@@ -24,6 +24,9 @@ async function getInput(component: RenderResult): Promise<HTMLInputElement> {
 }
 
 describe("Combo box (Association)", () => {
+    beforeAll(() => {
+        setupIntersectionObserverStub();
+    });
     let defaultProps: ComboboxContainerProps;
     beforeEach(() => {
         defaultProps = {

packages/pluggableWidgets/combobox-web/src/__tests__/StaticSelection.spec.tsx

@@ -4,9 +4,9 @@ import {
     list,
     listExp,
     ListAttributeValueBuilder,
-    ReferenceValueBuilder
+    ReferenceValueBuilder,
+    setupIntersectionObserverStub
 } from "@mendix/widget-plugin-test-utils";
-import "./__mocks__/intersectionObserverMock";
 import "@testing-library/jest-dom";
 import { fireEvent, render, RenderResult, act, waitFor } from "@testing-library/react";
 import { createElement } from "react";
@@ -22,6 +22,9 @@ async function getInput(component: RenderResult): Promise<HTMLInputElement> {
 }
 
 describe("Combo box (Static values)", () => {
+    beforeAll(() => {
+        setupIntersectionObserverStub();
+    });
     let defaultProps: ComboboxContainerProps;
     beforeEach(() => {
         defaultProps = {

packages/pluggableWidgets/gallery-web/src/components/__tests__/Gallery.spec.tsx

@@ -1,14 +1,16 @@
 import "@testing-library/jest-dom";
-import { listAction, listExp } from "@mendix/widget-plugin-test-utils";
+import { listAction, listExp, setupIntersectionObserverStub } from "@mendix/widget-plugin-test-utils";
 import { waitFor, render } from "@testing-library/react";
 import { createElement } from "react";
 import { Gallery } from "../Gallery";
 import { ItemHelperBuilder } from "../../utils/builders/ItemHelperBuilder";
 import { mockProps, mockItemHelperWithAction, setup } from "../../utils/test-utils";
-import "./__mocks__/intersectionObserverMock";
 import { ObjectItem } from "mendix";
 
 describe("Gallery", () => {
+    beforeAll(() => {
+        setupIntersectionObserverStub();
+    });
     describe("DOM Structure", () => {
         it("renders correctly", () => {
             const { asFragment } = render(<Gallery {...mockProps()} />);

packages/pluggableWidgets/gallery-web/src/components/__tests__/__mocks__/intersectionObserverMock.ts

@@ -21,3 +21,4 @@ export * from "./primitives/dynamic.js";
 export * from "./primitives/editable.js";
 export * from "./primitives/obj.js";
 export * from "./primitives/objArray.js";
+export * from "./utils/IntersectionObserverStub.js";

packages/shared/widget-plugin-test-utils/src/main.ts

@@ -20,5 +20,8 @@ export class IntersectionObserver {
         return null;
     }
 }
-window.IntersectionObserver = IntersectionObserver;
-global.IntersectionObserver = IntersectionObserver;
+
+export function setupIntersectionObserverStub(): void {
+    window.IntersectionObserver = IntersectionObserver;
+    globalThis.IntersectionObserver = IntersectionObserver;
+}