Add snapshot tests for sequence-diagram package

workspaces/ballerina/sequence-diagram/babel.config.js

@@ -0,0 +1,25 @@
+/**
+ * Copyright (c) 2025, WSO2 LLC. (https://www.wso2.com) All Rights Reserved.
+ *
+ * WSO2 LLC. licenses this file to you 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.
+ */
+
+module.exports = {
+    presets: [
+        ['@babel/preset-env', { targets: { node: 'current' } }],
+        '@babel/preset-typescript',
+        ['@babel/preset-react', { runtime: 'automatic' }],
+    ],
+};

workspaces/ballerina/sequence-diagram/jest.config.js

@@ -0,0 +1,64 @@
+/**
+ * Copyright (c) 2025, WSO2 LLC. (https://www.wso2.com) All Rights Reserved.
+ *
+ * WSO2 LLC. licenses this file to you 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.
+ */
+
+module.exports = {
+    preset: 'ts-jest/presets/js-with-ts',
+    testEnvironment: 'jsdom',
+    transform: {
+        '^.+\\.(js|jsx)$': 'babel-jest',
+        '^.+\\.(ts|tsx)$': 'ts-jest',
+    },
+    globals: {
+        'ts-jest': {
+            isolatedModules: true,
+            tsconfig: {
+                jsx: 'react',
+                esModuleInterop: true,
+                allowSyntheticDefaultImports: true,
+            }
+        },
+    },
+    moduleFileExtensions: ['ts', 'tsx', 'js', 'jsx', 'json', 'node'],
+    testMatch: ['**/?(*.)+(spec|test).ts?(x)'],
+    moduleNameMapper: {
+        '^@vscode/codicons/dist/codicon\\.css$': '<rootDir>/../../../node_modules/.pnpm/identity-obj-proxy@3.0.0/node_modules/identity-obj-proxy',
+        '\\.css$': '<rootDir>/../../../node_modules/.pnpm/identity-obj-proxy@3.0.0/node_modules/identity-obj-proxy',
+        '\\.(less|sass|scss)$': '<rootDir>/../../../node_modules/.pnpm/identity-obj-proxy@3.0.0/node_modules/identity-obj-proxy',
+        '\\.(svg|png|jpg|jpeg|gif)$': '<rootDir>/../../../node_modules/.pnpm/identity-obj-proxy@3.0.0/node_modules/identity-obj-proxy',
+        '^react$': '<rootDir>/../../../node_modules/.pnpm/react@18.2.0/node_modules/react/index.js',
+        '^react-dom$': '<rootDir>/../../../node_modules/.pnpm/react-dom@18.2.0_react@18.2.0/node_modules/react-dom/index.js',
+        '^@wso2/ui-toolkit$': '<rootDir>/../../common-libs/ui-toolkit/src/index.ts',
+        '^@wso2/ballerina-core$': '<rootDir>/../ballerina-core/src/index.ts',
+        '^@wso2/ballerina-rpc-client$': '<rootDir>/../ballerina-rpc-client/src/index.ts',
+        '^@wso2/syntax-tree$': '<rootDir>/../syntax-tree/src/index.ts',
+    },
+    setupFilesAfterEnv: [
+        '<rootDir>/src/test/jest.env.ts',
+    ],
+    setupFiles: ['<rootDir>/src/test/matchMedia.ts'],
+    transformIgnorePatterns: [
+        '<rootDir>/node_modules/(?!(@wso2)/)' // Only transform @wso2 packages
+    ],
+    moduleDirectories: ['node_modules', '<rootDir>/../../../node_modules'],
+    collectCoverageFrom: [
+        'src/**/*.{ts,tsx}',
+        '!src/**/*.d.ts',
+        '!src/**/*.stories.{ts,tsx}',
+        '!src/test/**/*'
+    ]
+};

workspaces/ballerina/sequence-diagram/package.json

@@ -9,6 +9,9 @@
     "types": "lib/index.d.ts",
     "scripts": {
         "start": "tsc && node dist/index.js",
+        "test": "jest --coverage",
+        "test:watch": "jest --watch",
+        "test:updateSnapshots": "jest --updateSnapshot",
         "build": "tsc --pretty && npm run copy:assets && pnpm run postbuild",
         "lint": "eslint src --ext .js,.jsx,.ts,.tsx",
         "lint:fix": "eslint src --ext .js,.jsx,.ts,.tsx --fix",
@@ -51,6 +54,22 @@
         "eslint": "~9.26.0",
         "@typescript-eslint/eslint-plugin": "~8.32.1",
         "eslint-plugin-react-hooks": "~5.2.0",
-        "eslint-plugin-unused-imports": "~4.1.4"
+        "eslint-plugin-unused-imports": "~4.1.4",
+        "jest": "29.7.0",
+        "ts-jest": "29.3.4",
+        "@types/jest": "29.5.14",
+        "@testing-library/jest-dom": "~6.6.3",
+        "@testing-library/react": "~16.3.0",
+        "@testing-library/dom": "~10.4.0",
+        "jest-environment-jsdom": "29.7.0",
+        "@babel/core": "~7.27.1",
+        "@babel/preset-env": "~7.27.2",
+        "@babel/preset-react": "~7.27.1",
+        "@babel/preset-typescript": "~7.27.1",
+        "babel-jest": "29.7.0",
+        "react-test-renderer": "~19.1.0",
+        "@types/react-test-renderer": "~19.1.0",
+        "pretty-format": "~29.7.0",
+        "identity-obj-proxy": "~3.0.0"
     }
 }