Fix jest and dependencies clean up

Signed-off-by: handreyrc <handrey.cunha@gmail.com>

Author: handreyrc

babel.config.base.json

@@ -0,0 +1,8 @@
+{
+  "presets": [
+    "@babel/preset-env",
+    ["@babel/preset-react", { "runtime": "automatic" }],
+    "@babel/preset-typescript",
+    "@babel/preset-flow"
+  ]
+}

package.json

@@ -21,10 +21,12 @@
   },
   "devDependencies": {
     "@serverless-workflow-settings/eslint-config": "workspace:*",
-    "@types/node": "^25.3.3",
+    "@types/jest": "^30.0.0",
     "eslint": "^9.39.4",
+    "eslint-config-prettier": "^10.1.8",
     "eslint-plugin-prettier": "^5.5.5",
     "eslint-plugin-react": "^7.37.5",
+    "eslint-plugin-react-hooks": "^7.0.1",
     "prettier": "^3.8.1",
     "typescript": "^5.9.3",
     "typescript-eslint": "^8.56.1"

packages/eslint-config/package.json

@@ -19,18 +19,5 @@
     "lint": "eslint ./ ",
     "lint:fix": "eslint ./ --fix",
     "build:prod": "pnpm lint"
-  },
-  "peerDependencies": {
-    "eslint": "^9.39.4",
-    "prettier": "^3.8.1"
-  },
-  "devDependencies": {
-    "eslint": "^9.39.4",
-    "eslint-config-prettier": "^10.1.8",
-    "eslint-plugin-prettier": "^5.5.5",
-    "eslint-plugin-react": "^7.37.5",
-    "eslint-plugin-react-hooks": "^7.0.1",
-    "prettier": "^3.8.1",
-    "typescript-eslint": "^8.56.1"
   }
 }

packages/serverless-workflow-diagram-editor/babel.config.json

@@ -0,0 +1,3 @@
+{
+  "extends": "../../babel.config.base.json"
+}

packages/serverless-workflow-diagram-editor/jest.config.ts

@@ -0,0 +1,32 @@
+/*
+ * Copyright 2021-Present The Serverless Workflow Specification Authors
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import type { Config } from "jest";
+
+const config: Config = {
+  preset: "ts-jest",
+  testEnvironment: "jsdom",
+  setupFilesAfterEnv: ["<rootDir>/tests/setupTests.ts"],
+  transform: {
+    "^.+\\.jsx?$": ["babel-jest", { presets: [["@babel/env", { targets: { node: "current" } }]] }],
+  },
+  moduleNameMapper: {
+    "\\.(css|less|scss|sass)$": "identity-obj-proxy",
+  },
+  resolver: undefined,
+};
+
+export default config;

packages/serverless-workflow-diagram-editor/package.json

@@ -28,7 +28,7 @@
     "clean": "rimraf ./dist",
     "clean:storybook": "rimraf ./dist-storybook",
     "build:dev": "pnpm clean && tsc -p tsconfig.json",
-    "build:prod": "pnpm lint && pnpm test && pnpm clean && tsc -p tsconfig.json",
+    "build:prod": "pnpm lint && pnpm clean && tsc -p tsconfig.json && pnpm test",
     "test": "jest --silent --verbose --passWithNoTests",
     "start": "storybook dev -p 6006",
     "build:storybook": "pnpm clean:storybook && storybook build --output-dir ./dist-storybook"
@@ -43,26 +43,31 @@
     "react-dom": "^19.2.4"
   },
   "devDependencies": {
-    "@serverless-workflow-settings/eslint-config": "workspace:*",
+    "@babel/cli": "^7.28.6",
+    "@babel/core": "^7.29.0",
+    "@babel/preset-env": "^7.29.0",
+    "@babel/preset-flow": "^7.27.1",
+    "@babel/preset-react": "^7.28.5",
+    "@babel/preset-typescript": "^7.28.5",
     "@storybook/addon-a11y": "^10.2.16",
     "@storybook/addon-docs": "^10.2.16",
     "@storybook/addon-webpack5-compiler-swc": "^4.0.2",
     "@storybook/react-webpack5": "^10.2.16",
+    "@testing-library/dom": "^10.4.1",
     "@testing-library/jest-dom": "^6.9.1",
     "@testing-library/react": "^16.3.2",
-    "@types/jest": "^30.0.0",
+    "@testing-library/user-event": "^14.6.1",
     "@types/node": "^25.3.3",
     "@types/react": "^19.2.14",
     "@types/react-dom": "^19.2.3",
     "eslint-plugin-storybook": "^10.2.16",
     "globals": "^17.4.0",
+    "identity-obj-proxy": "^3.0.0",
     "jest": "^30.2.0",
     "jest-environment-jsdom": "^30.2.0",
     "jiti": "^2.6.1",
     "rimraf": "^6.1.3",
     "storybook": "^10.2.16",
-    "ts-jest": "^29.4.6",
-    "typescript": "^5.9.3",
-    "typescript-eslint": "^8.56.1"
+    "ts-jest": "^29.4.6"
   }
 }

packages/serverless-workflow-diagram-editor/tests/diagram-editor/DiagramEditor.test.tsx

@@ -0,0 +1,38 @@
+/*
+ * Copyright 2021-Present The Serverless Workflow Specification Authors
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import React from "react";
+import { render, screen } from "@testing-library/react";
+import { DiagramEditor } from "../../dist/diagram-editor";
+import userEvent from "@testing-library/user-event";
+
+describe("DiagramEditor Component", () => {
+  test("Render DiagramEditor Component", async () => {
+    const content = "Sample Content";
+    const isReadOnly = true;
+
+    render(<DiagramEditor content={content} isReadOnly={isReadOnly} />);
+
+    const user = userEvent.setup();
+    const button = screen.getByRole("button", { name: /Click me!/i });
+
+    await user.click(button);
+
+    const label = screen.findByLabelText("Patternfly is alive.");
+
+    expect(label).not.toBeNull();
+  });
+});

packages/serverless-workflow-diagram-editor/tsconfig.json

@@ -1,7 +1,7 @@
 {
   "extends": "../../tsconfig.base.json",
   "compilerOptions": {
-    "rootDir": "./src",
+    "rootDirs": ["./src","./tests"],
     "outDir": "./dist",
   },
   "include": ["src/**/*"],