[Init] Initial commit - NetMesh terminal manager

components/VaultView.memo.test.tsx

@@ -0,0 +1,145 @@
+import test from "node:test";
+import assert from "node:assert/strict";
+import { readFileSync } from "node:fs";
+
+import { vaultViewAreEqual } from "./VaultView.tsx";
+
+const vaultViewSource = readFileSync(
+  new URL("./VaultView.tsx", import.meta.url),
+  "utf8",
+);
+const vaultViewLayoutSource = readFileSync(
+  new URL("./vault/VaultViewLayout.tsx", import.meta.url),
+  "utf8",
+);
+
+const baseProps = {
+  hosts: [],
+  keys: [],
+  identities: [],
+  proxyProfiles: [],
+  snippets: [],
+  snippetPackages: [],
+  customGroups: [],
+  knownHosts: [],
+  sessions: [],
+  managedSources: [],
+  groupConfigs: {},
+  terminalThemeId: "default",
+  terminalFontSize: 14,
+  navigateToSection: null,
+};
+
+test("VaultView re-renders when an external section navigation request changes", () => {
+  assert.equal(
+    vaultViewAreEqual(
+      baseProps as never,
+      { ...baseProps, navigateToSection: "snippets" } as never,
+    ),
+    false,
+  );
+});
+
+test("VaultView memo does not depend on shellHistory prop identity", () => {
+  assert.equal(
+    vaultViewAreEqual(baseProps as never, { ...baseProps } as never),
+    true,
+  );
+  assert.equal(
+    Object.prototype.hasOwnProperty.call(baseProps, "shellHistory"),
+    false,
+  );
+});
+
+test("VaultView re-renders when proxy profiles change", () => {
+  assert.equal(
+    vaultViewAreEqual(
+      baseProps as never,
+      {
+        ...baseProps,
+        proxyProfiles: [
+          {
+            id: "proxy-1",
+            label: "Proxy",
+            config: { type: "http", host: "proxy.example.com", port: 3128 },
+            createdAt: 1,
+          },
+        ],
+      } as never,
+    ),
+    false,
+  );
+});
+
+test("VaultView re-renders when host-key verification setting changes", () => {
+  assert.equal(
+    vaultViewAreEqual(
+      baseProps as never,
+      {
+        ...baseProps,
+        terminalSettings: {
+          verifyHostKeys: false,
+        },
+      } as never,
+    ),
+    false,
+  );
+});
+
+test("notes are not VaultView props — the notes section reads notesStore", () => {
+  // Note edits must not churn the App vault domain bag, so VaultView neither
+  // receives notes nor compares them.
+  for (const removed of [
+    "notes:",
+    "noteGroups:",
+    "onUpdateNotes:",
+    "onUpdateNoteGroups:",
+  ]) {
+    assert.equal(
+      vaultViewSource.includes(removed),
+      false,
+      `VaultView must not declare ${removed}`,
+    );
+  }
+  assert.doesNotMatch(vaultViewSource, /prev\.notes === next\.notes/);
+  assert.match(
+    vaultViewLayoutSource,
+    /useNotesStore\(\{\s*enabled:\s*isActive,?\s*\}\)/,
+  );
+  assert.match(vaultViewLayoutSource, /function VaultNotesSection/);
+});
+
+test("connectionLogs are not VaultView props — the logs section reads connectionLogsStore", () => {
+  for (const removed of [
+    "connectionLogs:",
+    "onToggleConnectionLogSaved:",
+    "onDeleteConnectionLog:",
+    "onClearUnsavedConnectionLogs:",
+  ]) {
+    assert.equal(
+      vaultViewSource.includes(removed),
+      false,
+      `VaultView must not declare ${removed}`,
+    );
+  }
+  // The section-gated connectionLogs memo escape hatch is gone with the prop.
+  assert.equal(vaultViewSource.includes("syncVaultViewMemoSection"), false);
+  assert.equal(vaultViewSource.includes("vaultViewLatestConnectionLogs"), false);
+  assert.match(vaultViewLayoutSource, /useConnectionLogsStore\(\)/);
+  assert.match(vaultViewLayoutSource, /function VaultConnectionLogsSection/);
+});
+
+test("notes and connectionLogs churn cannot re-render VaultView", () => {
+  // Even if a caller smuggles them in, areEqual ignores both.
+  assert.equal(
+    vaultViewAreEqual(
+      { ...baseProps, notes: [], connectionLogs: [] } as never,
+      {
+        ...baseProps,
+        notes: [{ id: "n1" }],
+        connectionLogs: [{ id: "log-1" }],
+      } as never,
+    ),
+    true,
+  );
+});