fix(custom-chart-web): make useCustomChart test resolve under CI jest config

Author: yordan-st

packages/pluggableWidgets/custom-chart-web/jest.config.js

@@ -1,11 +1,4 @@
-const base = require("@mendix/pluggable-widgets-tools/test-config/jest.config.js");
-
 module.exports = {
-    ...base,
-    testEnvironment: "@happy-dom/jest-environment",
-    moduleNameMapper: {
-        ...base.moduleNameMapper,
-        // Source uses baseUrl-relative imports (e.g. `from "src/controllers/..."`); map them to rootDir.
-        "^src/(.*)$": "<rootDir>/$1"
-    }
+    ...require("@mendix/pluggable-widgets-tools/test-config/jest.config.js"),
+    testEnvironment: "@happy-dom/jest-environment"
 };

packages/pluggableWidgets/custom-chart-web/src/hooks/__tests__/stubObjectURL.ts

@@ -0,0 +1,8 @@
+// The chart controller imports plotly, which calls URL.createObjectURL at load time.
+// The pluggable-widgets-tools jest env (jsdom) doesn't implement it. Import this module
+// BEFORE anything that pulls in plotly to stub it.
+if (typeof window.URL.createObjectURL !== "function") {
+    window.URL.createObjectURL = () => "";
+}
+
+export {};

packages/pluggableWidgets/custom-chart-web/src/hooks/__tests__/useCustomChart.spec.ts

@@ -1,3 +1,4 @@
+import "./stubObjectURL";
 import { render, renderHook, screen, waitFor } from "@testing-library/react";
 import { observer } from "mobx-react-lite";
 import { createElement, ReactElement } from "react";

packages/pluggableWidgets/custom-chart-web/src/hooks/useCustomChart.ts

@@ -1,12 +1,12 @@
 import { Ref, RefCallback, useEffect } from "react";
-import { CustomChartControllerHost } from "src/controllers/CustomChartControllerHost";
-import { mergeRefs } from "src/utils/mergeRefs";
 import { PlaygroundData } from "@mendix/shared-charts/main";
 import { GateProvider } from "@mendix/widget-plugin-mobx-kit/GateProvider";
 import { useConst } from "@mendix/widget-plugin-mobx-kit/react/useConst";
 import { useSetup } from "@mendix/widget-plugin-mobx-kit/react/useSetup";
 import { CustomChartContainerProps } from "../../typings/CustomChartProps";
+import { CustomChartControllerHost } from "../controllers/CustomChartControllerHost";
 import { ControllerProps } from "../controllers/typings";
+import { mergeRefs } from "../utils/mergeRefs";
 
 interface UseCustomChartReturn {
     playgroundData: PlaygroundData;