[Init] Initial commit - NetMesh terminal manager

components/terminalLayer/TerminalHostTreeToolbar.test.ts

@@ -0,0 +1,133 @@
+import assert from 'node:assert/strict';
+import { readFileSync } from 'node:fs';
+import test from 'node:test';
+import React from 'react';
+import { renderToStaticMarkup } from 'react-dom/server';
+
+import { I18nProvider } from '../../application/i18n/I18nProvider';
+import {
+  HOST_TREE_TOOLBAR_LAYOUT_DEFAULTS,
+  TerminalHostTreeToolbar,
+  TERMINAL_HOST_TREE_TOOLBAR_MIN_REQUIRED_WIDTH,
+} from './TerminalHostTreeToolbar';
+import { TooltipProvider } from '../ui/tooltip';
+
+const toolbarSource = readFileSync(new URL('./TerminalHostTreeToolbar.tsx', import.meta.url), 'utf8');
+const menuSource = readFileSync(new URL('../host/HostTreeContextMenus.tsx', import.meta.url), 'utf8');
+
+test('host tree toolbar keeps the close button outside the compact action row', () => {
+  const source = readFileSync(new URL('./TerminalHostTreeToolbar.tsx', import.meta.url), 'utf8');
+
+  // Actions use ToolbarCustomizeContextMenu's dataSection prop → data-section at runtime.
+  assert.match(source, /dataSection="terminal-host-tree-toolbar-actions"/);
+  assert.match(source, /data-section="terminal-host-tree-toolbar-close"/);
+  assert.match(source, /data-section="terminal-host-tree-toolbar"/);
+  assert.match(source, /backgroundColor: theme\.termBg/);
+  assert.doesNotMatch(source, /terminal-host-tree-toolbar-actions-fade/);
+});
+
+test('host tree toolbar uses shared show/collapse/hide layout like terminal toolbars', () => {
+  assert.match(toolbarSource, /useToolbarItemLayout/);
+  assert.match(toolbarSource, /ToolbarCustomizeContextMenu/);
+  assert.match(toolbarSource, /ToolbarOverflowMenu/);
+  assert.match(toolbarSource, /STORAGE_KEY_TERMINAL_HOST_TREE_TOOLBAR_LAYOUT/);
+  assert.deepEqual(HOST_TREE_TOOLBAR_LAYOUT_DEFAULTS.order, [
+    'newHost',
+    'search',
+    'tags',
+    'localShell',
+    'newGroup',
+    'expandAll',
+    'collapseAll',
+  ]);
+  assert.equal(HOST_TREE_TOOLBAR_LAYOUT_DEFAULTS.placement?.localShell, 'show');
+  assert.equal(HOST_TREE_TOOLBAR_LAYOUT_DEFAULTS.placement?.newGroup, 'collapse');
+  assert.equal(HOST_TREE_TOOLBAR_LAYOUT_DEFAULTS.placement?.expandAll, 'collapse');
+  assert.equal(HOST_TREE_TOOLBAR_LAYOUT_DEFAULTS.placement?.collapseAll, 'collapse');
+});
+
+test('host tree toolbar keeps every default primary action reachable at min width', () => {
+  assert.ok(TERMINAL_HOST_TREE_TOOLBAR_MIN_REQUIRED_WIDTH <= 176);
+  assert.match(toolbarSource, /aria-label=\{itemLabels\.localShell\}/);
+  assert.match(toolbarSource, /onClick=\{onCreateLocalTerminal\}/);
+  assert.match(toolbarSource, /<Terminal size=\{14\} \/>/);
+  assert.doesNotMatch(toolbarSource, /import \{[^}]*TerminalSquare[^}]*\} from 'lucide-react'/);
+  assert.doesNotMatch(toolbarSource, /<TerminalSquare\b/);
+  assert.match(toolbarSource, /data-section="terminal-host-tree-local-shell"/);
+  // Local shell is borderless (glyph + button chrome).
+  assert.match(toolbarSource, /localShellButtonClass/);
+  assert.match(toolbarSource, /rounded-none p-0 shadow-none border-none/);
+});
+
+test('host tree toolbar exposes host creation alongside the context menus', () => {
+  assert.match(toolbarSource, /onNewHost: \(\) => void/);
+  assert.match(toolbarSource, /disabled=\{!canNewHost\}/);
+  assert.match(toolbarSource, /onClick=\{onNewHost\}/);
+  assert.match(toolbarSource, /<Plus size=\{14\} \/>/);
+  assert.match(toolbarSource, /terminal\.layer\.hostTree\.newHost/);
+});
+
+test('host tree toolbar gives every default icon-only control an accessible name', () => {
+  const markup = renderToStaticMarkup(
+    React.createElement(
+      I18nProvider,
+      { locale: 'en' },
+      React.createElement(
+        TooltipProvider,
+        null,
+        React.createElement(TerminalHostTreeToolbar, {
+          theme: {
+            termBg: '#000',
+            termFg: '#fff',
+            mutedFg: '#aaa',
+            separator: '#333',
+            rowHoverBg: '#222',
+          },
+          expandedPanel: null,
+          onExpandedPanelChange: () => undefined,
+          search: '',
+          onSearchChange: () => undefined,
+          allTags: [],
+          selectedTags: [],
+          onSelectedTagsChange: () => undefined,
+          onNewHost: () => undefined,
+          onNewRootGroup: () => undefined,
+          onCreateLocalTerminal: () => undefined,
+          onExpandAll: () => undefined,
+          onCollapseAll: () => undefined,
+          onCollapse: () => undefined,
+        }),
+      ),
+    ),
+  );
+
+  assert.match(markup, /aria-label="New host"/);
+  assert.match(markup, /aria-label="Search"/);
+  assert.match(markup, /aria-label="Filter by tags"/);
+  assert.match(markup, /aria-label="Local shell"/);
+  assert.match(markup, /aria-label="More actions"/);
+  assert.match(markup, /aria-label="Collapse host list"/);
+  assert.match(markup, /data-section="terminal-host-tree-local-shell"/);
+});
+
+test('shared host tree menus expose optional full edit and group host creation actions', () => {
+  assert.match(menuSource, /onEditHost\?: \(host: Host\) => void/);
+  assert.match(menuSource, /onNewHost\?: \(groupPath: string\) => void/);
+  assert.match(menuSource, /terminal\.layer\.hostTree\.editHost/);
+  assert.match(menuSource, /terminal\.layer\.hostTree\.newHostInGroup/);
+});
+
+test('host tree sidebar wires expand/collapse and host creation availability', () => {
+  const source = readFileSync(new URL('./TerminalHostTreeSidebar.tsx', import.meta.url), 'utf8');
+
+  assert.match(source, /canExpandCollapse=\{canExpandCollapse\}/);
+  assert.match(source, /canNewHost=\{Boolean\(onNewHost\)\}/);
+  assert.doesNotMatch(source, /shouldCompactTerminalHostTreeToolbar/);
+});
+
+test('top tabs do not show a local-terminal utility button', () => {
+  const topTabsSource = readFileSync(new URL('../TopTabs.tsx', import.meta.url), 'utf8');
+  assert.doesNotMatch(topTabsSource, /top-tabs-new-local-terminal/);
+  assert.doesNotMatch(topTabsSource, /showTopTabsLocalTerminal/);
+  assert.doesNotMatch(topTabsSource, /onCreateLocalTerminal/);
+});