[WC-3513] Enable react and update to Atlas 4

automation/run-e2e/docker/mxbuild.Dockerfile

@@ -3,6 +3,8 @@ FROM --platform=$BUILDPLATFORM eclipse-temurin:21-jdk-jammy
 ARG MENDIX_VERSION
 ARG BUILDPLATFORM
 
+ENV LD_PRELOAD=libfontconfig.so.1
+
 SHELL ["/bin/bash", "-c"]
 RUN \
 echo "Downloading mxbuild ${MENDIX_VERSION} and docker building for ${BUILDPLATFORM}..." \
@@ -26,7 +28,7 @@ echo "Downloading mxbuild ${MENDIX_VERSION} and docker building for ${BUILDPLATF
 \
     rm -rf /var/lib/apt/lists/* && \
     apt-get update --allow-insecure-repositories -qqy && \
-    apt-get install -qqy --allow-unauthenticated libicu70 && \
+    apt-get install -qqy --allow-unauthenticated libicu70 libgdiplus libfontconfig1 && \
     apt-get -qqy remove --auto-remove wget && \
     apt-get clean && \
     rm -rf /var/lib/apt/lists/* && \

automation/run-e2e/docker/mxbuildRC.Dockerfile

@@ -2,6 +2,8 @@ FROM eclipse-temurin:21-jdk-jammy
 
 ARG MENDIX_VERSION
 
+ENV LD_PRELOAD=libfontconfig.so.1
+
 COPY --link mxbuild.tar.gz /tmp/mxbuild.tar.gz
 
 SHELL ["/bin/bash", "-c"]
@@ -11,7 +13,7 @@ RUN \
     tar xfz /tmp/mxbuild.tar.gz --directory /tmp/mxbuild && \
     \
     apt-get update -qqy && \
-    apt-get install -qqy libicu70 && \
+    apt-get install -qqy libicu70 libgdiplus libfontconfig1 && \
     apt-get -qqy remove --auto-remove wget && \
     apt-get clean && \
     \

automation/run-e2e/lib/ci.mjs

@@ -91,7 +91,7 @@ async function runWithCompose({ mendixVersion, ip, freePort }) {
         WORKSPACE: workspace,
         MPR_PATH: mprRelPath,
         RUNTIME_PORT: String(freePort),
-        ...(process.env.MODERN_CLIENT ? { MODERN_CLIENT: `--modern-client` } : {})
+        ...(process.env.MODERN_CLIENT ? { MODERN_CLIENT: `--modern-web-client` } : {})
     };
 
     try {

automation/scripts/update-screenshots-local.mjs

@@ -590,6 +590,7 @@ async function buildWidget(widgetName, widgetPkg) {
 async function buildDeploymentBundle(mendixVersion) {
     const mxbuildImage = `mxbuild:${mendixVersion}`;
     const spinner = new Spinner(`Building deployment bundle ${DIM(`(${mxbuildImage})`)}`).start();
+    const modernClientFlag = process.env.MODERN_CLIENT ? "--modern-web-client" : "";
 
     try {
         const mprFiles = fs.readdirSync(PATHS.testProject);
@@ -601,7 +602,7 @@ async function buildDeploymentBundle(mendixVersion) {
             "docker run --tty --rm",
             `--volume ${REPO_ROOT}:/source`,
             mxbuildImage,
-            `bash -c "mx update-widgets --loose-version-check ${mprPath} && mxbuild --output=/source/automation.mda ${mprPath}"`
+            `bash -c "mx update-widgets --loose-version-check ${mprPath} && mxbuild ${modernClientFlag} --output=/source/automation.mda ${mprPath}"`
         ].join(" ");
 
         log(`Running: ${cmd}`);

packages/pluggableWidgets/badge-web/package.json

@@ -23,14 +23,16 @@
     },
     "testProject": {
         "githubUrl": "https://github.com/mendix/testProjects",
-        "branchName": "badge-web"
+        "branchName": "badge-web-mx11-atlas4",
+        "atlasCoreVersion": "4.5.0",
+        "atlasThemeTag": "atlasui-theme-files-2025-10-08"
     },
     "scripts": {
         "build": "cross-env MPKOUTPUT=Badge.mpk pluggable-widgets-tools build:web",
         "create-gh-release": "rui-create-gh-release",
         "create-translation": "rui-create-translation",
         "dev": "cross-env MPKOUTPUT=Badge.mpk pluggable-widgets-tools start:web",
-        "e2e": "run-e2e ci",
+        "e2e": "MENDIX_VERSION=11.15.0 MODERN_CLIENT=--modern-web-client run-e2e ci",
         "e2edev": "run-e2e dev --with-preps",
         "format": "prettier --ignore-path ./node_modules/@mendix/prettier-config-web-widgets/global-prettierignore --write .",
         "lint": "eslint src/ package.json",

packages/pluggableWidgets/combobox-web/e2e/Combobox.spec.js

@@ -11,7 +11,7 @@ test.describe("combobox-web", () => {
 
     test.describe("data source types", () => {
         test("renders combobox using association", async ({ page }) => {
-            const comboBox = page.locator(".mx-name-comboBox1");
+            const comboBox = page.locator(".modal-body .mx-name-comboBox1");
             await expect(comboBox).toBeVisible({ timeout: 10000 });
             await expect(comboBox).toHaveScreenshot(`comboBoxAssociation.png`);
             await comboBox.click();

packages/pluggableWidgets/combobox-web/package.json

@@ -27,15 +27,17 @@
     },
     "testProject": {
         "githubUrl": "https://github.com/mendix/testProjects",
-        "branchName": "combobox-web"
+        "branchName": "combobox-web-atlas4",
+        "atlasCoreVersion": "4.5.0",
+        "atlasThemeTag": "atlasui-theme-files-2025-10-08"
     },
     "scripts": {
         "prebuild": "rui-create-translation",
         "build": "pluggable-widgets-tools build:web",
         "create-gh-release": "rui-create-gh-release",
         "create-translation": "rui-create-translation",
         "dev": "pluggable-widgets-tools start:web",
-        "e2e": "run-e2e ci",
+        "e2e": "MENDIX_VERSION=11.15.0 MODERN_CLIENT=--modern-web-client run-e2e ci",
         "e2edev": "run-e2e dev --with-preps",
         "format": "prettier --ignore-path ./node_modules/@mendix/prettier-config-web-widgets/global-prettierignore --write .",
         "lint": "eslint src/ package.json",

packages/pluggableWidgets/datagrid-date-filter-web/package.json

@@ -23,13 +23,15 @@
     },
     "testProject": {
         "githubUrl": "https://github.com/mendix/testProjects",
-        "branchName": "datagrid-date-filter-web/data-widgets-3.0"
+        "branchName": "datagrid-date-filter-web/data-widgets-3.0-atlas4",
+        "atlasCoreVersion": "4.5.0",
+        "atlasThemeTag": "atlasui-theme-files-2025-10-08"
     },
     "scripts": {
         "build": "pluggable-widgets-tools build:ts",
         "create-translation": "rui-create-translation",
         "dev": "pluggable-widgets-tools start:ts",
-        "e2e": "run-e2e ci",
+        "e2e": "MENDIX_VERSION=11.15.0 MODERN_CLIENT=--modern-web-client run-e2e ci",
         "e2e-update-project": "pnpm --filter @mendix/data-widgets run build:include-deps",
         "e2edev": "run-e2e dev --with-preps",
         "format": "prettier --ignore-path ./node_modules/@mendix/prettier-config-web-widgets/global-prettierignore --write .",

packages/pluggableWidgets/datagrid-dropdown-filter-web/package.json

@@ -23,13 +23,15 @@
     },
     "testProject": {
         "githubUrl": "https://github.com/mendix/testProjects",
-        "branchName": "datagrid-dropdown-filter-web/dw3.0-dropdown-rework"
+        "branchName": "datagrid-dropdown-filter-web/dw3.0-dropdown-rework-atlas4",
+        "atlasCoreVersion": "4.5.0",
+        "atlasThemeTag": "atlasui-theme-files-2025-10-08"
     },
     "scripts": {
         "build": "pluggable-widgets-tools build:ts",
         "create-translation": "rui-create-translation",
         "dev": "pluggable-widgets-tools start:ts",
-        "e2e": "run-e2e ci",
+        "e2e": "MENDIX_VERSION=11.15.0 MODERN_CLIENT=--modern-web-client run-e2e ci",
         "e2e-update-project": "pnpm --filter @mendix/data-widgets run build:include-deps",
         "e2edev": "run-e2e dev --with-preps",
         "format": "prettier --ignore-path ./node_modules/@mendix/prettier-config-web-widgets/global-prettierignore --write .",

packages/pluggableWidgets/datagrid-number-filter-web/package.json

@@ -23,13 +23,15 @@
     },
     "testProject": {
         "githubUrl": "https://github.com/mendix/testProjects",
-        "branchName": "datagrid-number-filter-web/data-widgets-3.0"
+        "branchName": "datagrid-number-filter-web/data-widgets-3.0-atlas4",
+        "atlasCoreVersion": "4.5.0",
+        "atlasThemeTag": "atlasui-theme-files-2025-10-08"
     },
     "scripts": {
         "build": "pluggable-widgets-tools build:ts",
         "create-translation": "rui-create-translation",
         "dev": "pluggable-widgets-tools start:ts",
-        "e2e": "run-e2e ci",
+        "e2e": "MENDIX_VERSION=11.15.0 MODERN_CLIENT=--modern-web-client run-e2e ci",
         "e2e-update-project": "pnpm --filter @mendix/data-widgets run build:include-deps",
         "e2edev": "run-e2e dev --with-preps",
         "format": "prettier --ignore-path ./node_modules/@mendix/prettier-config-web-widgets/global-prettierignore --write .",

packages/pluggableWidgets/datagrid-text-filter-web/package.json

@@ -23,13 +23,15 @@
     },
     "testProject": {
         "githubUrl": "https://github.com/mendix/testProjects",
-        "branchName": "datagrid-text-filter-web/data-widgets-3.0"
+        "branchName": "datagrid-text-filter-web/data-widgets-3.0-atlas4",
+        "atlasCoreVersion": "4.5.0",
+        "atlasThemeTag": "atlasui-theme-files-2025-10-08"
     },
     "scripts": {
         "build": "pluggable-widgets-tools build:ts",
         "create-translation": "rui-create-translation",
         "dev": "pluggable-widgets-tools start:ts",
-        "e2e": "run-e2e ci",
+        "e2e": "MENDIX_VERSION=11.15.0 MODERN_CLIENT=--modern-web-client run-e2e ci",
         "e2e-update-project": "pnpm --filter @mendix/data-widgets run build:include-deps",
         "e2edev": "run-e2e dev --with-preps",
         "format": "prettier --ignore-path ./node_modules/@mendix/prettier-config-web-widgets/global-prettierignore --write .",

packages/pluggableWidgets/datagrid-web/package.json

@@ -23,13 +23,15 @@
     },
     "testProject": {
         "githubUrl": "https://github.com/mendix/testProjects",
-        "branchName": "datagrid-web/data-widgets-3.0"
+        "branchName": "datagrid-web/data-widgets-3.0-atlas4",
+        "atlasCoreVersion": "4.5.0",
+        "atlasThemeTag": "atlasui-theme-files-2025-10-08"
     },
     "scripts": {
         "build": "pluggable-widgets-tools build:ts",
         "create-translation": "rui-create-translation",
         "dev": "pluggable-widgets-tools start:ts",
-        "e2e": "MENDIX_VERSION=10.24.12.86709 run-e2e ci",
+        "e2e": "MENDIX_VERSION=11.15.0 MODERN_CLIENT=--modern-web-client run-e2e ci",
         "e2e-update-project": "pnpm --filter @mendix/data-widgets run build:include-deps",
         "e2edev": "MENDIX_VERSION=10.24.12.86709 run-e2e dev --with-preps",
         "format": "prettier --ignore-path ./node_modules/@mendix/prettier-config-web-widgets/global-prettierignore --write .",

packages/pluggableWidgets/dropdown-sort-web/package.json

@@ -23,13 +23,15 @@
     },
     "testProject": {
         "githubUrl": "https://github.com/mendix/testProjects",
-        "branchName": "dropdown-sort-web/data-widgets-3.0"
+        "branchName": "dropdown-sort-web/data-widgets-3.0-atlas4",
+        "atlasCoreVersion": "4.5.0",
+        "atlasThemeTag": "atlasui-theme-files-2025-10-08"
     },
     "scripts": {
         "build": "pluggable-widgets-tools build:ts",
         "create-translation": "rui-create-translation",
         "dev": "pluggable-widgets-tools start:ts",
-        "e2e": "run-e2e ci",
+        "e2e": "MENDIX_VERSION=11.15.0 MODERN_CLIENT=--modern-web-client run-e2e ci",
         "e2e-update-project": "pnpm --filter @mendix/data-widgets run build:include-deps",
         "e2edev": "run-e2e dev --with-preps",
         "format": "prettier --ignore-path ./node_modules/@mendix/prettier-config-web-widgets/global-prettierignore --write .",

packages/pluggableWidgets/gallery-web/e2e/GallerySelection.spec.js

@@ -10,7 +10,7 @@ test.describe("gallery-web", () => {
             await expect(page.locator(".mx-name-gallery1")).toBeVisible();
             await page.locator(".mx-name-image1").first().click();
             await page.locator(".mx-name-feedback1").isHidden();
-            await expect(page.locator(".mx-name-layoutGrid1").nth(1)).toHaveScreenshot(`gallerySingleSelection.png`);
+            await expect(page.locator(".mx-name-layoutGrid1")).toHaveScreenshot(`gallerySingleSelection.png`);
         });
 
         test("applies multi select", async ({ page }) => {
@@ -22,7 +22,7 @@ test.describe("gallery-web", () => {
             await page.locator(".mx-name-image1").nth(1).click();
             await page.locator(".mx-name-image1").nth(2).click();
             await page.locator(".mx-name-feedback1").isHidden();
-            await expect(page.locator(".mx-name-layoutGrid1").nth(1)).toHaveScreenshot(`galleryMultiSelection.png`);
+            await expect(page.locator(".mx-name-layoutGrid1")).toHaveScreenshot(`galleryMultiSelection.png`);
         });
     });
 

packages/pluggableWidgets/gallery-web/package.json

@@ -23,13 +23,15 @@
     },
     "testProject": {
         "githubUrl": "https://github.com/mendix/testProjects",
-        "branchName": "gallery-web/dw3.0-dropdown-rework"
+        "branchName": "gallery-web/gallery-web-mx11-atlas4",
+        "atlasCoreVersion": "4.5.0",
+        "atlasThemeTag": "atlasui-theme-files-2025-10-08"
     },
     "scripts": {
         "build": "pluggable-widgets-tools build:web",
         "create-translation": "rui-create-translation",
         "dev": "pluggable-widgets-tools start:web",
-        "e2e": "run-e2e ci",
+        "e2e": "MENDIX_VERSION=11.15.0 MODERN_CLIENT=--modern-web-client run-e2e ci",
         "e2e-update-project": "pnpm --filter @mendix/data-widgets run build:include-deps",
         "e2edev": "run-e2e dev --with-preps",
         "format": "prettier --ignore-path ./node_modules/@mendix/prettier-config-web-widgets/global-prettierignore --write .",

packages/pluggableWidgets/tree-node-web/package.json

@@ -23,13 +23,15 @@
     },
     "testProject": {
         "githubUrl": "https://github.com/mendix/testProjects",
-        "branchName": "tree-node-web/v2"
+        "branchName": "tree-node-web/v2-atlas4",
+        "atlasCoreVersion": "4.5.0",
+        "atlasThemeTag": "atlasui-theme-files-2025-10-08"
     },
     "scripts": {
         "build": "pluggable-widgets-tools build:web",
         "create-translation": "rui-create-translation",
         "dev": "pluggable-widgets-tools start:web",
-        "e2e": "MENDIX_VERSION=11.12.0 run-e2e ci",
+        "e2e": "MENDIX_VERSION=11.15.0 MODERN_CLIENT=--modern-web-client run-e2e ci",
         "e2e-update-project": "pnpm --filter @mendix/data-widgets run build:include-deps",
         "e2edev": "MENDIX_VERSION=11.12.0 run-e2e dev --with-preps",
         "format": "prettier --ignore-path ./node_modules/@mendix/prettier-config-web-widgets/global-prettierignore --write .",