fix ts and lint errors, add dummy data for test

Author: soujay

src/Frontend/src/components/messages2/SagaDiagram.spec.ts

@@ -4,6 +4,7 @@ import { SagaHistory } from "@/resources/SagaHistory";
 import makeRouter from "@/router";
 import { createTestingPinia } from "@pinia/testing";
 import { MessageStore } from "@/stores/MessageStore";
+import { MessageStatus } from "@/resources/Message";
 
 //Defines a domain-specific language (DSL) for interacting with the system under test (sut)
 interface componentDSL {
@@ -377,9 +378,12 @@ const sampleSagaHistory: SagaHistory = {
         is_saga_timeout_message: true,
         originating_endpoint: "Endpoint1",
         originating_machine: "mobvm2",
+        receiving_endpoint: "receiving endpoint",
         time_sent: new Date("2025-03-28T03:04:06.321561Z"),
         message_type: "ServiceControl.SmokeTest.MyCustomTimeout",
         intent: "Send",
+        body_url: "body_url",
+        message_status: MessageStatus.Successful,
       },
       outgoing_messages: [],
       endpoint: "Endpoint1",
@@ -394,9 +398,12 @@ const sampleSagaHistory: SagaHistory = {
         is_saga_timeout_message: true,
         originating_endpoint: "Endpoint1",
         originating_machine: "mobvm2",
+        receiving_endpoint: "receiving endpoint",
         time_sent: new Date("2025-03-28T03:04:05.37723Z"),
         message_type: "ServiceControl.SmokeTest.MyCustomTimeout",
         intent: "Send",
+        body_url: "body_url",
+        message_status: MessageStatus.Successful,
       },
       outgoing_messages: [],
       endpoint: "Endpoint1",
@@ -411,9 +418,12 @@ const sampleSagaHistory: SagaHistory = {
         is_saga_timeout_message: false,
         originating_endpoint: "Sender",
         originating_machine: "mobvm2",
+        receiving_endpoint: "receiving endpoint",
         time_sent: new Date("2025-03-28T03:04:06.293765Z"),
         message_type: "ServiceControl.SmokeTest.SagaMessage2",
         intent: "Send",
+        body_url: "body_url",
+        message_status: MessageStatus.Successful,
       },
       outgoing_messages: [
         {
@@ -423,6 +433,13 @@ const sampleSagaHistory: SagaHistory = {
           time_sent: new Date("2025-03-28T03:04:06.3214397Z"),
           message_type: "ServiceControl.SmokeTest.MyCustomTimeout",
           intent: "Send",
+          deliver_at: new Date("2025-03-28T03:04:06.293765Z"),
+          is_saga_timeout_message: false,
+          originating_endpoint: "Sender",
+          originating_machine: "mobvm2",
+          receiving_endpoint: "receiving endpoint",
+          body_url: "body_url",
+          message_status: MessageStatus.Successful,
         },
       ],
       endpoint: "Endpoint1",
@@ -437,9 +454,12 @@ const sampleSagaHistory: SagaHistory = {
         is_saga_timeout_message: false,
         originating_endpoint: "Sender",
         originating_machine: "mobvm2",
+        receiving_endpoint: "receiving endpoint",
         time_sent: new Date("2025-03-28T03:04:05.235534Z"),
         message_type: "ServiceControl.SmokeTest.SagaMessage1",
         intent: "Send",
+        body_url: "body_url",
+        message_status: MessageStatus.Successful,
       },
       outgoing_messages: [
         {
@@ -449,6 +469,13 @@ const sampleSagaHistory: SagaHistory = {
           time_sent: new Date("2025-03-28T03:04:05.3715034Z"),
           message_type: "ServiceControl.SmokeTest.MyCustomTimeout",
           intent: "Send",
+          deliver_at: new Date("2025-03-28T03:04:06.293765Z"),
+          is_saga_timeout_message: false,
+          originating_endpoint: "Sender",
+          originating_machine: "mobvm2",
+          receiving_endpoint: "receiving endpoint",
+          body_url: "body_url",
+          message_status: MessageStatus.Successful,
         },
       ],
       endpoint: "Endpoint1",

src/Frontend/src/components/messages2/SagaDiagram/SagaUpdateNode.vue

@@ -9,7 +9,7 @@ import EventIcon from "@/assets/event.svg";
 import SagaInitiatedIcon from "@/assets/SagaInitiatedIcon.svg";
 import SagaUpdatedIcon from "@/assets/SagaUpdatedIcon.svg";
 
-const props = defineProps<{
+defineProps<{
   update: SagaUpdateViewModel;
   showMessageData?: boolean;
 }>();

src/Frontend/src/resources/SagaHistory.ts

@@ -21,6 +21,7 @@ export interface SagaMessage {
   message_id: string;
   is_saga_timeout_message: boolean;
   originating_endpoint: string;
+  originating_machine: string;
   receiving_endpoint: string;
   time_sent: Date;
   message_type: string;

src/Frontend/src/stores/SagaDiagramStore.ts

@@ -2,7 +2,7 @@ import { acceptHMRUpdate, defineStore } from "pinia";
 import { ref, watch } from "vue";
 import { SagaHistory, SagaMessage } from "@/resources/SagaHistory";
 import { useFetchFromServiceControl } from "@/composables/serviceServiceControlUrls";
-import { MessageStatus } from "@/resources/Message";
+import Message from "@/resources/Message";
 const StandardKeys = ["$type", "Id", "Originator", "OriginalMessageId"];
 export interface SagaMessageDataItem {
   key: string;
@@ -55,7 +55,7 @@ export const useSagaDiagramStore = defineStore("sagaHistory", () => {
       if (needsBodyUrl && messagesToFetch.length > 0) {
         const auditMessages = await getAuditMessages(sagaId.value!);
         messagesToFetch.forEach((message) => {
-          const auditMessage = auditMessages.find((x) => x.message_id === message.message_id);
+          const auditMessage = auditMessages.find((x: Message) => x.message_id === message.message_id);
           if (auditMessage) {
             message.body_url = auditMessage.body_url;
           }
@@ -198,24 +198,26 @@ export const useSagaDiagramStore = defineStore("sagaHistory", () => {
   }
 
   // Replace or modify the existing processJsonValues function
-  function processJsonValues(jsonBody: any): SagaMessageDataItem[] {
+  function processJsonValues(jsonBody: string | Record<string, unknown>): SagaMessageDataItem[] {
+    let parsedBody: Record<string, unknown>;
     if (typeof jsonBody === "string") {
       try {
-        jsonBody = JSON.parse(jsonBody);
+        parsedBody = JSON.parse(jsonBody);
       } catch (e) {
         console.error("Error parsing JSON:", e);
         return [];
       }
+    } else {
+      parsedBody = jsonBody;
     }
 
     const items: SagaMessageDataItem[] = [];
 
-    // Filter out standard keys and convert to KeyValuePairs
-    for (const key in jsonBody) {
+    for (const key in parsedBody) {
       if (!StandardKeys.includes(key)) {
         items.push({
           key: key,
-          value: String(jsonBody[key] ?? ""),
+          value: String(parsedBody[key] ?? ""),
         });
       }
     }