Improve the testability of MessageStore

src/Frontend/src/stores/ConfigurationStore.ts

@@ -0,0 +1,24 @@
+import { acceptHMRUpdate, defineStore } from "pinia";
+import { ref } from "vue";
+import Configuration from "@/resources/Configuration";
+import { useFetchFromServiceControl } from "@/composables/serviceServiceControlUrls";
+
+export const useConfigurationStore = defineStore("ConfigurationStore", () => {
+  const configuration = ref<Configuration | null>(null);
+
+  async function loadConfig() {
+    const response = await useFetchFromServiceControl("configuration");
+    configuration.value = await response.json();
+  }
+
+  return {
+    configuration,
+    loadConfig,
+  };
+});
+
+if (import.meta.hot) {
+  import.meta.hot.accept(acceptHMRUpdate(useConfigurationStore, import.meta.hot));
+}
+
+export type ConfigurationStore = ReturnType<typeof useConfigurationStore>;

src/Frontend/src/stores/EditRetryStore.ts

@@ -0,0 +1,24 @@
+import { acceptHMRUpdate, defineStore } from "pinia";
+import { ref } from "vue";
+import { EditAndRetryConfig } from "@/resources/Configuration";
+import { useTypedFetchFromServiceControl } from "@/composables/serviceServiceControlUrls";
+
+export const useEditRetryStore = defineStore("EditRetryStore", () => {
+  const config = ref<EditAndRetryConfig>({ enabled: false, locked_headers: [], sensitive_headers: [] });
+
+  async function loadConfig() {
+    const [, data] = await useTypedFetchFromServiceControl<EditAndRetryConfig>("edit/config");
+    config.value = data;
+  }
+
+  return {
+    config,
+    loadConfig,
+  };
+});
+
+if (import.meta.hot) {
+  import.meta.hot.accept(acceptHMRUpdate(useEditRetryStore, import.meta.hot));
+}
+
+export type EditRetryStore = ReturnType<typeof useEditRetryStore>;

src/Frontend/src/stores/MessageStore.ts

@@ -3,11 +3,11 @@ import { reactive, ref } from "vue";
 import Header from "@/resources/Header";
 import type EndpointDetails from "@/resources/EndpointDetails";
 import FailedMessage, { ExceptionDetails, FailedMessageStatus } from "@/resources/FailedMessage";
-import { editRetryConfig } from "@/composables/useEditAndRetry";
+import { useEditRetryStore } from "@/stores/EditRetryStore";
+import { useConfigurationStore } from "@/stores/ConfigurationStore";
 import { useFetchFromServiceControl, useTypedFetchFromServiceControl } from "@/composables/serviceServiceControlUrls";
 import Message, { MessageStatus } from "@/resources/Message";
 import moment from "moment/moment";
-import { useConfiguration } from "@/composables/configuration";
 import { parse, stringify } from "lossless-json";
 import xmlFormat from "xml-formatter";
 import { useArchiveMessage, useRetryMessages, useUnarchiveMessage } from "@/composables/serviceFailedMessage";
@@ -67,6 +67,11 @@ export const useMessageStore = defineStore("MessageStore", () => {
   let bodyLoadedId = "";
   let conversationLoadedId = "";
   const conversationData = ref<DataContainer<Message[]>>({ data: [] });
+  const editRetryStore = useEditRetryStore();
+  const configStore = useConfigurationStore();
+
+  editRetryStore.loadConfig();
+  configStore.loadConfig();
 
   function reset() {
     state.data = { failure_metadata: {}, failure_status: {}, dialog_status: {} };
@@ -284,14 +289,13 @@ export const useMessageStore = defineStore("MessageStore", () => {
     return exportString;
   }
 
-  const configuration = useConfiguration();
-  const error_retention_period = moment.duration(configuration.value?.data_retention.error_retention_period).asHours();
+  const error_retention_period = moment.duration(configStore.configuration?.data_retention?.error_retention_period).asHours();
 
   return {
     headers,
     body,
     state,
-    edit_and_retry_config: editRetryConfig,
+    edit_and_retry_config: editRetryStore.config,
     reset,
     loadMessage,
     loadFailedMessage,