test: add Certificates test

Author: peppescg

src/components/__tests__/Certificates.test.tsx

@@ -0,0 +1,74 @@
+import { render } from "@/lib/test-utils";
+import { screen } from "@testing-library/react";
+import { describe, expect, it } from "vitest";
+import { Certificates } from "../Certificates";
+import userEvent from "@testing-library/user-event";
+
+describe("Certificates", () => {
+  it("should render download certificate", () => {
+    render(<Certificates />);
+    expect(
+      screen.getByRole("heading", { name: "CodeGate CA certificate" }),
+    ).toBeVisible();
+    expect(
+      screen.getByRole("button", { name: "Download certificate" }),
+    ).toBeVisible();
+    expect(screen.getByRole("link", { name: "Learn more" })).toHaveAttribute(
+      "href",
+      "/certificates/security",
+    );
+
+    expect(
+      screen.getByRole("heading", { name: "Certificate Management" }),
+    ).toBeVisible();
+
+    expect(screen.getByText("macOS")).toBeVisible();
+    expect(screen.getByText("Windows")).toBeVisible();
+    expect(screen.getByText("Linux")).toBeVisible();
+  });
+
+  it("should render macOS certificate installation", async () => {
+    render(<Certificates />);
+
+    expect(
+      screen.getByText(
+        "Open the downloaded certificate file. Keychain Access launches and imports the cert automatically.",
+      ),
+    ).toBeVisible();
+
+    await userEvent.click(
+      screen.getByRole("button", { name: "Remove certificate" }),
+    );
+    expect(screen.getByText("Launch the Keychain Access app.")).toBeVisible();
+  });
+
+  it("should render Windows certificate installation", async () => {
+    render(<Certificates />);
+
+    await userEvent.click(screen.getByText("Windows"));
+
+    expect(
+      screen.getByText("Double-click the downloaded certificate file."),
+    ).toBeVisible();
+
+    await userEvent.click(
+      screen.getByRole("button", { name: "Remove certificate" }),
+    );
+    expect(screen.getByText("certmgr.msc")).toBeVisible();
+  });
+
+  it("should render Linux certificate installation", async () => {
+    render(<Certificates />);
+
+    await userEvent.click(screen.getByText("Linux"));
+
+    expect(
+      screen.getByText("/usr/local/share/ca-certificates/codegate.crt"),
+    ).toBeVisible();
+
+    await userEvent.click(
+      screen.getByRole("button", { name: "Remove certificate" }),
+    );
+    expect(screen.getByText("/usr/local/share/ca-certificates/")).toBeVisible();
+  });
+});