feat: add the snippets plugin (B2)

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

@@ -0,0 +1,84 @@
+import { afterEach, describe, expect, it, vi } from "vitest";
+import { screen } 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;
+
+const declared = (views?: Array<{ id: string }>) =>
+  (views ?? []).map((view) => view.id).sort();
+
+let rendered: RenderedPluginApp | null = null;
+
+afterEach(async () => {
+  await rendered?.deactivate();
+  rendered = null;
+});
+
+describe(`${manifest.id} activate`, () => {
+  it("activates and registers only views its manifest declares", async () => {
+    rendered = await renderWithApp(plugin, { manifest, locales });
+    const contributes = manifest.contributes as unknown as Record<
+      string,
+      Array<{ id: string }> | undefined
+    >;
+    const panels = declared(contributes.panels);
+    for (const id of rendered.registered.panels()) expect(panels).toContain(id);
+  });
+
+  it("registers the rail item gated on the view permission", async () => {
+    rendered = await renderWithApp(plugin, { manifest, locales });
+    const railItem = rendered.registered
+      .railItems()
+      .find((i) => i.id === "snippets");
+    expect(railItem).toBeDefined();
+    expect(railItem?.permission).toBe("snippets.view");
+  });
+
+  it("registers the snippets.resolveForTerminal action", async () => {
+    rendered = await renderWithApp(plugin, { manifest, locales });
+    expect(rendered.registered.actions()).toContain(
+      "snippets.resolveForTerminal",
+    );
+  });
+
+  it("removes everything it registered on deactivate", async () => {
+    const app = await renderWithApp(plugin, { manifest, locales });
+    await app.deactivate();
+    expect(app.registered.panels()).toEqual([]);
+    expect(app.registered.railItems()).toEqual([]);
+    expect(app.registered.actions()).toEqual([]);
+  });
+});
+
+describe("snippets panel", () => {
+  it("renders the empty state when the user has no snippets", async () => {
+    const api = {
+      get: vi.fn(async () => ({ data: [] })),
+    };
+    rendered = await renderWithApp(plugin, {
+      manifest,
+      locales,
+      api: api as never,
+      permissions: ["snippets.view", "snippets.create"],
+    });
+    rendered.renderPanel("snippets", { active: true });
+    await expect(screen.findByPlaceholderText(/search/i)).resolves.toBeTruthy();
+  });
+
+  it("renders nothing without the view permission", async () => {
+    rendered = await renderWithApp(plugin, {
+      manifest,
+      locales,
+      permissions: [],
+    });
+    const panel = rendered.renderPanel("snippets", { active: true });
+    expect(panel.textContent).toBe("");
+  });
+});