Add Slack test webhook button

Fix full e2e regressions

src/components/session/token/superUser/modules/slack/Config.vue

@@ -17,6 +17,9 @@ export const Config = {
       value: value,
     });
   },
+  test_customer_registration_webhook: async () => {
+    return authenticatedRequest("/slack/config/test", "POST", {});
+  },
   keys: {
     customer_registration_webhook_url: {
       get: async () => {

src/i18n/generated/da-v2.json

@@ -2335,7 +2335,12 @@
             "customer_registration_webhook_url_desc": "Slack-webhook der modtager en besked, når en ny kunderegistrering lykkes. Lad feltet være tomt for at deaktivere.",
             "notification_settings": "Notifikationer",
             "notification_settings_desc": "Slack-webhooks til systemhændelser.",
+            "send_test_webhook": "Send test-webhook",
             "subtitle": "Konfiguration af Slack-notifikationer",
+            "test_webhook_error": "Kunne ikke sende Slack-testwebhooken.",
+            "test_webhook_not_configured": "Gem en webhook-URL til kunderegistreringer, før du sender en test.",
+            "test_webhook_sent": "Slack-test sendt",
+            "test_webhook_sent_success": "Slack-testbeskeden for kunderegistrering blev sendt.",
             "title": "Slack-konfiguration",
             "unavailable": "Slack-konfigurationen er ikke tilgængelig i denne API-udgivelse."
           },

src/i18n/generated/de-v2.json

@@ -2445,7 +2445,12 @@
             "customer_registration_webhook_url_desc": "Slack-Webhook, der eine Nachricht erhaelt, wenn eine neue Kundenregistrierung erfolgreich ist. Leer lassen, um dies zu deaktivieren.",
             "notification_settings": "Benachrichtigungseinstellungen",
             "notification_settings_desc": "Slack-Webhooks fuer Systemereignisse.",
+            "send_test_webhook": "Test-Webhook senden",
             "subtitle": "Konfiguration von Slack-Benachrichtigungen",
+            "test_webhook_error": "Der Slack-Test-Webhook konnte nicht gesendet werden.",
+            "test_webhook_not_configured": "Speichern Sie zuerst eine Webhook-URL fuer Kundenregistrierungen.",
+            "test_webhook_sent": "Slack-Test gesendet",
+            "test_webhook_sent_success": "Die Slack-Testnachricht fuer Kundenregistrierungen wurde gesendet.",
             "title": "Slack-Konfiguration",
             "unavailable": "Die Slack-Konfiguration ist in dieser API-Version nicht verfuegbar."
           },

src/i18n/generated/en-v2.json

@@ -2169,7 +2169,12 @@
             "customer_registration_webhook_url_desc": "Slack webhook that receives a message when a new customer registration succeeds. Leave empty to disable.",
             "notification_settings": "Notification settings",
             "notification_settings_desc": "Slack webhooks for system events.",
+            "send_test_webhook": "Send test webhook",
             "subtitle": "Configuration of Slack notifications",
+            "test_webhook_error": "Could not send the Slack test webhook.",
+            "test_webhook_not_configured": "Save a customer registration webhook URL before sending a test.",
+            "test_webhook_sent": "Slack test sent",
+            "test_webhook_sent_success": "The Slack customer registration test message was sent.",
             "title": "Slack configuration",
             "unavailable": "Slack configuration is not available on this API release."
           },

src/i18n/generated/sv-v2.json

@@ -2496,7 +2496,12 @@
             "customer_registration_webhook_url_desc": "Slack-webhook som får ett meddelande när en ny kundregistrering lyckas. Lämna tomt för att inaktivera.",
             "notification_settings": "Aviseringsinställningar",
             "notification_settings_desc": "Slack-webhooks för systemhändelser.",
+            "send_test_webhook": "Skicka test-webhook",
             "subtitle": "Konfiguration av Slack-aviseringar",
+            "test_webhook_error": "Det gick inte att skicka Slack-testwebhooken.",
+            "test_webhook_not_configured": "Spara en webhook-URL för kundregistreringar innan du skickar ett test.",
+            "test_webhook_sent": "Slack-test skickat",
+            "test_webhook_sent_success": "Slack-testmeddelandet för kundregistrering skickades.",
             "title": "Slack-konfiguration",
             "unavailable": "Slack-konfigurationen är inte tillgänglig i den här API-versionen."
           },

src/i18n/source/da/phrases/compat/configuration/index.json

@@ -163,7 +163,12 @@
         "customer_registration_webhook_url_desc": "Slack-webhook der modtager en besked, når en ny kunderegistrering lykkes. Lad feltet være tomt for at deaktivere.",
         "notification_settings": "Notifikationer",
         "notification_settings_desc": "Slack-webhooks til systemhændelser.",
+        "send_test_webhook": "Send test-webhook",
         "subtitle": "Konfiguration af Slack-notifikationer",
+        "test_webhook_error": "Kunne ikke sende Slack-testwebhooken.",
+        "test_webhook_not_configured": "Gem en webhook-URL til kunderegistreringer, før du sender en test.",
+        "test_webhook_sent": "Slack-test sendt",
+        "test_webhook_sent_success": "Slack-testbeskeden for kunderegistrering blev sendt.",
         "title": "Slack-konfiguration",
         "unavailable": "Slack-konfigurationen er ikke tilgængelig i denne API-udgivelse."
       },

src/i18n/source/de/phrases/compat/configuration/index.json

@@ -163,7 +163,12 @@
         "customer_registration_webhook_url_desc": "Slack-Webhook, der eine Nachricht erhaelt, wenn eine neue Kundenregistrierung erfolgreich ist. Leer lassen, um dies zu deaktivieren.",
         "notification_settings": "Benachrichtigungseinstellungen",
         "notification_settings_desc": "Slack-Webhooks fuer Systemereignisse.",
+        "send_test_webhook": "Test-Webhook senden",
         "subtitle": "Konfiguration von Slack-Benachrichtigungen",
+        "test_webhook_error": "Der Slack-Test-Webhook konnte nicht gesendet werden.",
+        "test_webhook_not_configured": "Speichern Sie zuerst eine Webhook-URL fuer Kundenregistrierungen.",
+        "test_webhook_sent": "Slack-Test gesendet",
+        "test_webhook_sent_success": "Die Slack-Testnachricht fuer Kundenregistrierungen wurde gesendet.",
         "title": "Slack-Konfiguration",
         "unavailable": "Die Slack-Konfiguration ist in dieser API-Version nicht verfuegbar."
       },

src/i18n/source/en/phrases/compat/configuration/index.json

@@ -163,7 +163,12 @@
         "customer_registration_webhook_url_desc": "Slack webhook that receives a message when a new customer registration succeeds. Leave empty to disable.",
         "notification_settings": "Notification settings",
         "notification_settings_desc": "Slack webhooks for system events.",
+        "send_test_webhook": "Send test webhook",
         "subtitle": "Configuration of Slack notifications",
+        "test_webhook_error": "Could not send the Slack test webhook.",
+        "test_webhook_not_configured": "Save a customer registration webhook URL before sending a test.",
+        "test_webhook_sent": "Slack test sent",
+        "test_webhook_sent_success": "The Slack customer registration test message was sent.",
         "title": "Slack configuration",
         "unavailable": "Slack configuration is not available on this API release."
       },

src/i18n/source/sv/phrases/compat/configuration/index.json

@@ -163,7 +163,12 @@
         "customer_registration_webhook_url_desc": "Slack-webhook som får ett meddelande när en ny kundregistrering lyckas. Lämna tomt för att inaktivera.",
         "notification_settings": "Aviseringsinställningar",
         "notification_settings_desc": "Slack-webhooks för systemhändelser.",
+        "send_test_webhook": "Skicka test-webhook",
         "subtitle": "Konfiguration av Slack-aviseringar",
+        "test_webhook_error": "Det gick inte att skicka Slack-testwebhooken.",
+        "test_webhook_not_configured": "Spara en webhook-URL för kundregistreringar innan du skickar ett test.",
+        "test_webhook_sent": "Slack-test skickat",
+        "test_webhook_sent_success": "Slack-testmeddelandet för kundregistrering skickades.",
         "title": "Slack-konfiguration",
         "unavailable": "Slack-konfigurationen är inte tillgänglig i den här API-versionen."
       },

src/views/dashboards/superUserDashboard/configuration/ConfigurationSlack.vue

@@ -1,5 +1,7 @@
 <script setup>
 import { ref } from "vue";
+import Swal from "sweetalert2";
+import { useI18n } from "vue-i18n";
 import PageTitle from "@/components/global/PageTitle.vue";
 import ConfigurationCategory from "@/components/displays/superuser/configuration/ConfigurationCategory.vue";
 import ConfigurationInput from "@/components/displays/superuser/configuration/ConfigurationInput.vue";
@@ -7,9 +9,11 @@ import RestrictedPageWrapper from "@/components/page/wrappers/RestrictedPageWrap
 import { SessionUser } from "@/components/session/token/SessionUser.vue";
 import ConfigurationSubPageWrapper from "@/views/dashboards/superUserDashboard/configuration/ConfigurationSubPageWrapper.vue";
 
+const { t } = useI18n();
 const module_config = ref([]);
 const module_config_unavailable = ref(false);
 const module_config_forbidden = ref(false);
+const is_testing_webhook = ref(false);
 
 const getRequestStatus = (error) => Number.parseInt(String(error?.response?.status ?? error?.status ?? ""), 10);
 
@@ -51,6 +55,38 @@ const getModuleConfigValue = (variable) => {
   return config ? config.value : "";
 };
 
+const testCustomerRegistrationWebhook = async () => {
+  if (is_testing_webhook.value) {
+    return;
+  }
+
+  is_testing_webhook.value = true;
+  try {
+    await SessionUser.superUser.modules.slack.config.test_customer_registration_webhook();
+    await Swal.fire({
+      title: t("configuration.slack.test_webhook_sent"),
+      text: t("configuration.slack.test_webhook_sent_success"),
+      icon: "success",
+    });
+  } catch (error) {
+    const status = getRequestStatus(error);
+    let text = t("configuration.slack.test_webhook_error");
+    if (status === 400) {
+      text = t("configuration.slack.test_webhook_not_configured");
+    } else if (status === 403) {
+      text = t("errors.forbidden");
+    }
+
+    await Swal.fire({
+      title: t("common.error"),
+      text,
+      icon: "error",
+    });
+  } finally {
+    is_testing_webhook.value = false;
+  }
+};
+
 getModuleConfig();
 </script>
 
@@ -77,6 +113,19 @@ getModuleConfig();
             :value="getModuleConfigValue('customer_registration_webhook_url')"
             :on-save="SessionUser.superUser.modules.slack.config.keys.customer_registration_webhook_url.set"
           />
+          <button
+            class="button is-dark mt-2"
+            type="button"
+            data-testid="slack-test-webhook-button"
+            :class="{ 'is-loading': is_testing_webhook }"
+            :disabled="is_testing_webhook"
+            @click="testCustomerRegistrationWebhook"
+          >
+            <span class="icon">
+              <i class="fab fa-slack" aria-hidden="true"></i>
+            </span>
+            <span>{{ $t("configuration.slack.send_test_webhook") }}</span>
+          </button>
         </ConfigurationCategory>
       </template>
       <template v-else-if="module_config_unavailable" #content>

tests/unit/slack-module.spec.js

@@ -32,6 +32,8 @@ describe("slack module contract", () => {
   it("uses Slack config endpoints and customer registration variable", () => {
     expect(slackConfigSource).toContain('"/slack/config?variable=" + variable');
     expect(slackConfigSource).toContain('"/slack/config"');
+    expect(slackConfigSource).toContain('"/slack/config/test"');
+    expect(slackConfigSource).toContain("test_customer_registration_webhook");
     expect(slackConfigSource).toContain('Config.get("customer_registration_webhook_url")');
     expect(slackConfigSource).toContain('Config.set("customer_registration_webhook_url", value)');
   });
@@ -51,6 +53,18 @@ describe("slack module contract", () => {
     expect(slackPageSource).toContain(
       ':on-save="SessionUser.superUser.modules.slack.config.keys.customer_registration_webhook_url.set"'
     );
+    expect(slackPageSource).toContain("testCustomerRegistrationWebhook");
+    expect(slackPageSource).toContain(
+      "SessionUser.superUser.modules.slack.config.test_customer_registration_webhook()"
+    );
+    expect(slackPageSource).toContain('data-testid="slack-test-webhook-button"');
+    expect(slackPageSource).toContain(":class=\"{ 'is-loading': is_testing_webhook }\"");
+    expect(slackPageSource).toContain(':disabled="is_testing_webhook"');
+    expect(slackPageSource).toContain('$t("configuration.slack.send_test_webhook")');
+    expect(slackPageSource).toContain('t("configuration.slack.test_webhook_sent")');
+    expect(slackPageSource).toContain('t("configuration.slack.test_webhook_sent_success")');
+    expect(slackPageSource).toContain('t("configuration.slack.test_webhook_not_configured")');
+    expect(slackPageSource).toContain('t("configuration.slack.test_webhook_error")');
   });
 
   it("shows an unavailable state when the API release does not expose Slack config", () => {