Chores (#1592)

Author: r0b1n

automation/scripts/package.json

@@ -26,8 +26,5 @@
         "extends": [
             "@commitlint/config-conventional"
         ]
-    },
-    "engines": {
-        "node": ">=18.20.4"
     }
 }

package.json

@@ -26,7 +26,7 @@
         "node": ">=22",
         "pnpm": ">=10.7.1"
     },
-    "packageManager": "pnpm@10.7.1+sha512.2d92c86b7928dc8284f53494fb4201f983da65f0fb4f0d40baafa5cf628fa31dae3e5968f12466f17df7e97310e30f343a648baea1b9b350685dafafffdf5808",
+    "packageManager": "pnpm@10.11.1+sha512.e519b9f7639869dc8d5c3c5dfef73b3f091094b0a006d7317353c72b124e80e1afd429732e28705ad6bfa1ee879c1fce46c128ccebd3192101f43dd67c667912",
     "pnpm": {
         "peerDependencyRules": {
             "allowedVersions": {

packages/pluggableWidgets/combobox-web/jest.config.js

@@ -1,10 +1,3 @@
-const { join } = require("path");
-const base = require("@mendix/pluggable-widgets-tools/test-config/jest.config");
-
 module.exports = {
-    ...base,
-    moduleNameMapper: {
-        ...base.moduleNameMapper,
-        "mendix/components/web/Icon": join(__dirname, "src/__mocks__/WebIcon")
-    }
+    ...require("@mendix/pluggable-widgets-tools/test-config/jest.enzyme-free.config.js")
 };

packages/pluggableWidgets/combobox-web/src/__mocks__/WebIcon.js

@@ -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__/MultiSelection.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__/SingleSelection.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/combobox-web/src/__tests__/StaticSelection.spec.tsx

@@ -229,7 +229,7 @@ exports[`Combo box (Association) toggles combobox menu on: input TOGGLE BUTTON 1
   >
     <div
       class="widget-combobox-input-container form-control"
-      id="downshift-7-toggle-button"
+      id="downshift-6-toggle-button"
       tabindex="-1"
     >
       <div
@@ -238,7 +238,7 @@ exports[`Combo box (Association) toggles combobox menu on: input TOGGLE BUTTON 1
         <input
           aria-activedescendant=""
           aria-autocomplete="list"
-          aria-controls="downshift-7-menu"
+          aria-controls="downshift-6-menu"
           aria-expanded="false"
           aria-labelledby="comboBox1-label"
           aria-required="true"
@@ -325,7 +325,7 @@ exports[`Combo box (Association) toggles combobox menu on: input TOGGLE BUTTON 1
       <ul
         aria-labelledby="comboBox1-label"
         class="widget-combobox-menu-list"
-        id="downshift-7-menu"
+        id="downshift-6-menu"
         role="listbox"
       />
     </div>

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

@@ -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()} />);