From 8c1a1fade8faa80fbee0e16b226cbf34cf773a43 Mon Sep 17 00:00:00 2001
From: Erik Jan de Wit <erikjan.dewit@gmail.com>
Date: Thu, 6 May 2021 15:03:25 +0200
Subject: [PATCH] added test ldap button

---
 .../UserFederationLdapSettings.tsx            |  2 +-
 .../ldap/LdapSettingsConnection.tsx           | 51 +++++++++++++++++--
 src/user-federation/messages.json             |  2 +
 3 files changed, 49 insertions(+), 6 deletions(-)

diff --git a/src/user-federation/UserFederationLdapSettings.tsx b/src/user-federation/UserFederationLdapSettings.tsx
index 56dd2540cf..be8e3d25a7 100644
--- a/src/user-federation/UserFederationLdapSettings.tsx
+++ b/src/user-federation/UserFederationLdapSettings.tsx
@@ -167,7 +167,7 @@ const LdapSettingsHeader = ({
 
 export const UserFederationLdapSettings = () => {
   const { t } = useTranslation("user-federation");
-  const form = useForm<ComponentRepresentation>();
+  const form = useForm<ComponentRepresentation>({ mode: "onChange" });
   const history = useHistory();
   const adminClient = useAdminClient();
   const { realm } = useRealm();
diff --git a/src/user-federation/ldap/LdapSettingsConnection.tsx b/src/user-federation/ldap/LdapSettingsConnection.tsx
index f3ef2eb912..4851741070 100644
--- a/src/user-federation/ldap/LdapSettingsConnection.tsx
+++ b/src/user-federation/ldap/LdapSettingsConnection.tsx
@@ -1,4 +1,5 @@
 import {
+  AlertVariant,
   Button,
   FormGroup,
   Select,
@@ -10,11 +11,16 @@ import {
 import { useTranslation } from "react-i18next";
 import React, { useState } from "react";
 import _ from "lodash";
+
+import TestLdapConnectionRepresentation from "keycloak-admin/lib/defs/testLdapConnection";
 import { HelpItem } from "../../components/help-enabler/HelpItem";
 import { Controller, UseFormMethods, useWatch } from "react-hook-form";
 import { FormAccess } from "../../components/form-access/FormAccess";
 import { WizardSectionHeader } from "../../components/wizard-section-header/WizardSectionHeader";
 import { PasswordInput } from "../../components/password-input/PasswordInput";
+import { useAdminClient } from "../../context/auth/AdminClient";
+import { useRealm } from "../../context/realm-context/RealmContext";
+import { useAlerts } from "../../components/alert/Alerts";
 
 export type LdapSettingsConnectionProps = {
   form: UseFormMethods;
@@ -22,13 +28,45 @@ export type LdapSettingsConnectionProps = {
   showSectionDescription?: boolean;
 };
 
+const testLdapProperties: Array<keyof TestLdapConnectionRepresentation> = [
+  "connectionUrl",
+  "bindDn",
+  "bindCredential",
+  "useTruststoreSpi",
+  "connectionTimeout",
+  "startTls",
+  "authType",
+];
+
 export const LdapSettingsConnection = ({
   form,
   showSectionHeading = false,
   showSectionDescription = false,
 }: LdapSettingsConnectionProps) => {
   const { t } = useTranslation("user-federation");
-  const helpText = useTranslation("user-federation-help").t;
+  const { t: helpText } = useTranslation("user-federation-help");
+  const adminClient = useAdminClient();
+  const { realm } = useRealm();
+  const { addAlert } = useAlerts();
+
+  const testLdap = async () => {
+    try {
+      const settings: TestLdapConnectionRepresentation = {};
+
+      testLdapProperties.forEach((key) => {
+        const value = _.get(form.getValues(), `config.${key}`);
+        settings[key] = _.isArray(value) ? value[0] : "";
+      });
+      await adminClient.realms.testLDAPConnection(
+        { realm },
+        { ...settings, action: "testConnection" }
+      );
+      addAlert(t("testSuccess"), AlertVariant.success);
+    } catch (error) {
+      addAlert(t("testError"), AlertVariant.danger);
+      console.error(error.response?.data?.errorMessage);
+    }
+  };
 
   const [
     isTruststoreSpiDropdownOpen,
@@ -219,7 +257,7 @@ export const LdapSettingsConnection = ({
         >
           <Controller
             name="config.authType[0]"
-            defaultValue=""
+            defaultValue="none"
             control={form.control}
             render={({ onChange, value }) => (
               <Select
@@ -311,9 +349,12 @@ export const LdapSettingsConnection = ({
                 )}
             </FormGroup>
             <FormGroup fieldId="kc-test-button">
-              {" "}
-              {/* TODO: whatever this button is supposed to do */}
-              <Button variant="secondary" id="kc-test-button">
+              <Button
+                isDisabled={!form.formState.isValid}
+                variant="secondary"
+                id="kc-test-button"
+                onClick={() => testLdap()}
+              >
                 {t("common:test")}
               </Button>
             </FormGroup>
diff --git a/src/user-federation/messages.json b/src/user-federation/messages.json
index 2440958b80..e1ce3e0d23 100644
--- a/src/user-federation/messages.json
+++ b/src/user-federation/messages.json
@@ -84,6 +84,8 @@
     "saveError": "User federation provider could not be saved: {error}",
     "createSuccess": "User federation provider successfully created",
     "createError": "User federation provider could not be created: {error}",
+    "testSuccess": "Successfully connected to LDAP",
+    "testError": "Error when trying to connect to LDAP. See server.log for details.",
 
     "learnMore": "Learn more",
     "addNewProvider": "Add new provider",