Test cases scheduler UI

packages/jv-scheduler/jest.config.ts

@@ -5,10 +5,7 @@ const conf: Config = {
   watchPathIgnorePatterns: ["node_modules", "dist", "coverage", "build"],
   testEnvironment: "jsdom",
   transform: {
-    "^.+\\.([tj]s|[tj]sx)$": "ts-jest",
-  },
-  moduleNameMapper: {
-    "\\.(css|less)$": "<rootDir>/styleMock.js",
+    "^.+\\.tsx?$": "ts-jest",
   },
 };
 

packages/jv-scheduler/package.json

@@ -13,7 +13,8 @@
   "scripts": {
     "audit:all": "yarn audit",
     "audit:runtime": "yarn audit --groups dependencies",
-    "test": "jest",
+    "test": "jest -- action.test.ts",
+    "coverage": "jest --coverage -- action.test.ts",
     "build": "vite build",
     "clean": "rm -rf ./dist"
   },
@@ -44,6 +45,7 @@
     "@testing-library/react": "^13.3.0",
     "@types/jest": "^28.1.6",
     "@types/react": "^18.0.15",
+    "@types/redux-mock-store": "^1.5.0",
     "@types/xregexp": "^4.4.0",
     "@vitejs/plugin-react": "^4.3.1",
     "i18next": "^23.11.5",
@@ -54,6 +56,7 @@
     "jest-css-modules-transform": "^4.4.2",
     "jest-environment-jsdom": "^29.7.0",
     "path": "^0.12.7",
+    "redux-mock-store": "^1.5.5",
     "ts-jest": "^29.1.5",
     "ts-node": "^10.9.2",
     "typescript": "^4.7.4",

packages/jv-scheduler/src/components/Stepper/DefaultData.tsx

@@ -109,7 +109,7 @@ export const OutputStepDefaultMessage = () => {
     ),
     timezones = useSelector((state: IState) => state.userTimeZones);
 
-  const currentTimezone = timezones.filter(
+  const currentTimezone = timezones?.filter(
       (item: { code: string }) => item.code === outputTimezone,
     ),
     OutputTimeZone = `${currentTimezone[0]?.code} - ${currentTimezone[0]?.description}`;

packages/jv-scheduler/src/components/Stepper/StepIcon.tsx

@@ -19,46 +19,56 @@ type CommonIconProps = {
   dataName: string;
 };
 
-const CommonIcon = ({ icon, className, dataName }: CommonIconProps) => {
+const CommonIcon = ({
+  icon,
+  className,
+  dataName,
+  ...rest
+}: CommonIconProps) => {
   return (
     <JVIcon
       icon={icon}
       className={`jv-mStepper-icon ${className}`}
       data-name={dataName}
+      {...rest}
     />
   );
 };
 
 export const StepIcon = (props: any) => {
-  const { icon } = props;
+  const { icon, ...rest } = props;
   return (
     <div>
       {icon === SUCCESS_STATE && (
         <CommonIcon
           icon="checkmarkRound"
           className="jv-uColor-success"
           dataName=""
+          {...rest}
         />
       )}
       {icon === ERROR_STATE && (
         <CommonIcon
           icon="warningRound"
           className="jv-uColor-error"
           dataName=""
+          {...rest}
         />
       )}
       {icon === INCOMPLETE_DEFAULT_STATE && (
         <CommonIcon
           icon="checkmarkRound"
           className="jv-uColor-incomplete"
           dataName=""
+          {...rest}
         />
       )}
       {icon === INCOMPLETE_STATE && (
         <CommonIcon
           icon="circleSolid"
           className="jv-uColor-incomplete"
           dataName=""
+          {...rest}
         />
       )}
     </div>

packages/jv-scheduler/src/components/Tabs/TabsContent/Output.tsx

@@ -22,7 +22,7 @@ import {
   OUTPUT_TAB,
   OUTPUT_TIME_ZONE,
 } from "../../../constants/schedulerConstants";
-import { MessageAPIError } from "../../apiFailureError/scheduleAPIError";
+import { MessageAPIError } from "../../apiFailureError/MessageAPIError";
 import { IState, translationProps } from "../../../types/scheduleType";
 import { updateChangeToStore } from "../../../utils/schedulerUtils";
 import i18nScheduler from "../../../i18n";

packages/jv-scheduler/src/utils/configurationUtils.ts

@@ -36,20 +36,20 @@ const checkAvailabilityOfBasicConfig = (
   contextPath: string,
 ) => {
   const error: { [key: string]: string } = {};
-  if (!resourceURI) {
+  if (!resourceURI || resourceURI.length === 0) {
     error["resource.uri.missing.configuration"] =
       "resourceURI is required in the configuration";
-  } else if (!server) {
+  } else if (!server || server.length === 0) {
     error["server.missing.configuration"] =
       "server is required in the configuration";
-  } else if (!contextPath) {
+  } else if (!contextPath || contextPath.length === 0) {
     error["contextPath.missing.configuration"] =
       "contextPath is required in the configuration";
   }
   return error;
 };
 
-const checkRequiredDataForHiddenTabs = (tabName: string, tabData: any) => {
+const checkRequiredDataForHiddenTabs = (tabName: string, tabData: any = {}) => {
   const error: { [key: string]: string } = {};
   switch (tabName) {
     case SCHEDULE_TAB: {