feat: move sso and ldap logins into plugins (C2)

plugins/ldap/tests/frontend/activate.test.tsx

@@ -0,0 +1,93 @@
+import { afterEach, describe, expect, it, vi } from "vitest";
+import { fireEvent, screen, waitFor } from "@testing-library/react";
+import {
+  renderWithApp,
+  type RenderedPluginApp,
+} from "@termix/plugin-sdk/testing";
+import type { PluginManifest } from "@termix/plugin-sdk/manifest";
+import * as plugin from "../../src/frontend/index";
+import manifestJson from "../../manifest.json";
+import locales from "../../locales/en.json";
+
+const manifest = manifestJson as unknown as PluginManifest;
+
+let rendered: RenderedPluginApp | null = null;
+
+afterEach(async () => {
+  await rendered?.deactivate();
+  rendered = null;
+});
+
+describe(`${manifest.id} activate`, () => {
+  it("registers the login form and the directory settings", async () => {
+    rendered = await renderWithApp(plugin, { manifest, locales });
+    expect(rendered.registered.loginMethods()).toEqual(["ldap"]);
+    expect(rendered.registered.settingsComponents()).toEqual(["providers"]);
+  });
+
+  it("submits the username and password for the chosen directory", async () => {
+    rendered = await renderWithApp(plugin, { manifest, locales });
+    const submit = vi.fn(async () => {});
+    rendered.renderLoginMethod("ldap", {
+      instances: [{ id: "4", label: "Corp" }],
+      submit,
+    });
+    fireEvent.click(screen.getByText("Login with Corp"));
+    fireEvent.change(screen.getByLabelText(locales.username), {
+      target: { value: " bob " },
+    });
+    fireEvent.change(screen.getByLabelText(locales.password), {
+      target: { value: "hunter2" },
+    });
+    fireEvent.click(screen.getByText(locales.signIn));
+    await waitFor(() =>
+      expect(submit).toHaveBeenCalledWith(
+        { username: "bob", password: "hunter2" },
+        "4",
+      ),
+    );
+  });
+
+  it("does not submit an empty form", async () => {
+    rendered = await renderWithApp(plugin, { manifest, locales });
+    const submit = vi.fn(async () => {});
+    rendered.renderLoginMethod("ldap", {
+      instances: [{ id: "4", label: "Corp" }],
+      submit,
+    });
+    fireEvent.click(screen.getByText("Login with Corp"));
+    fireEvent.click(screen.getByText(locales.signIn));
+    expect(submit).not.toHaveBeenCalled();
+  });
+
+  it("lists directories without their bind password", async () => {
+    const get = vi.fn(async () => ({
+      data: {
+        providers: [
+          {
+            id: 4,
+            name: "Corp LDAP",
+            enabled: true,
+            displayOrder: 0,
+            config: { host: "ldap.example" },
+            hasBindPassword: true,
+          },
+        ],
+      },
+    }));
+    rendered = await renderWithApp(plugin, {
+      manifest,
+      locales,
+      api: { get } as never,
+    });
+    rendered.renderSettingsComponent("providers");
+    expect(await screen.findByText("Corp LDAP")).toBeTruthy();
+    expect(get).toHaveBeenCalledWith("/providers");
+  });
+
+  it("removes everything on deactivate", async () => {
+    const app = await renderWithApp(plugin, { manifest, locales });
+    await app.deactivate();
+    expect(app.registered.loginMethods()).toEqual([]);
+  });
+});