gloomberb 0.6.1 → 0.7.0

package/src/components/command-bar/command-bar.test.tsx

@@ -1,7 +1,6 @@
 import { afterEach, describe, expect, test } from "bun:test";
 import { act, useReducer } from "react";
-import { testRender } from "../../renderers/opentui/test-utils";
-import { DialogProvider } from "@opentui-ui/dialog/react";
+import { TestDialogProvider, testRender } from "../../renderers/opentui/test-utils";
 import { CommandBar } from "./command-bar";
 import { AppContext, type AppState, appReducer, createInitialState, getEffectiveThemeId } from "../../state/app-context";
 import { createTestDataProvider } from "../../test-support/data-provider";
@@ -213,9 +212,9 @@ function makePluginRegistry(hasPaneSettings: (paneId: string) => boolean = () =>
     getPluginPaneTemplateIds: () => [],
     hasPaneSettings,
     events: { emit: () => {} },
-    hideWidget: () => {},
+    hidePane: () => {},
     pinTicker: () => {},
-    showWidget: () => {},
+    showPane: () => {},
     updateLayoutFn: () => {},
     getTermSizeFn: () => ({ width: 80, height: 24 }),
     notify: () => {},
@@ -304,7 +303,7 @@ function CommandBarHarness({
 
   return (
     <AppContext value={{ state: currentState, dispatch: currentDispatch }}>
-      <DialogProvider dialogOptions={{ style: { backgroundColor: "#000000", borderColor: "#ffffff", borderStyle: "single" } }}>
+      <TestDialogProvider>
         {live && <text>{`theme:${getEffectiveThemeId(currentState)}`}</text>}
         {showQueryState && <text>{`query:${currentState.commandBarQuery}`}</text>}
         {currentState.commandBarOpen && (
@@ -316,7 +315,7 @@ function CommandBarHarness({
             onCheckForUpdates={onCheckForUpdates}
           />
         )}
-      </DialogProvider>
+      </TestDialogProvider>
     </AppContext>
   );
 }
@@ -740,7 +739,12 @@ describe("CommandBar", () => {
     expect(frame).toContain("Commands");
     expect(frame).toContain("TH");
     expect(frame).toContain("Themes");
-    expect(frame).toMatchSnapshot();
+    expect(frame).toContain("Amber");
+    expect(frame).toContain("Paper");
+    expect(frame).toContain("GitHub Light");
+    expect(frame).toContain("Solarized Light");
+    expect(frame).toContain("Gruvbox Light");
+    expect(frame).toContain("Nord Light");
   });
 
   test("renders plugin toggle state", async () => {
@@ -2197,6 +2201,50 @@ describe("CommandBar", () => {
     expect(frame).toContain("AAPL,");
   });
 
+  test("CMP with one resolved ticker opens inline completion instead of creating a one-symbol chart", async () => {
+    const created: Array<{ templateId: string; options?: Record<string, unknown> }> = [];
+
+    testSetup = await testRender(<CommandBarHarness
+      query="CMP AMD"
+      extraTickers={[makeTicker("AMD", "Advanced Micro Devices")]}
+      configurePluginRegistry={(pluginRegistry) => {
+        (pluginRegistry.panes as Map<string, any>).set("comparison-chart", {
+          id: "comparison-chart",
+          name: "Comparison Chart",
+          component: () => null,
+          defaultPosition: "right",
+        });
+        (pluginRegistry.paneTemplates as Map<string, any>).set("comparison-chart-pane", {
+          id: "comparison-chart-pane",
+          paneId: "comparison-chart",
+          label: "Comparison Chart",
+          description: "Compare multiple symbols in one pane",
+          shortcut: { prefix: "CMP", argPlaceholder: "tickers", argKind: "ticker-list" },
+          wizard: [{ key: "tickers", label: "Tickers", type: "text" }],
+          canCreate: (_context: unknown, options?: { symbols?: string[] | null }) => !options?.symbols || options.symbols.length >= 2,
+        });
+        pluginRegistry.createPaneFromTemplateAsyncFn = async (templateId, options) => {
+          created.push({ templateId, options });
+        };
+      }}
+    />, {
+      width: 100,
+      height: 20,
+    });
+
+    await testSetup.renderOnce();
+    await act(async () => {
+      testSetup!.mockInput.pressEnter();
+      await Bun.sleep(0);
+      await testSetup!.renderOnce();
+    });
+
+    const frame = await waitForFrameToContain("Tickers");
+    expect(created).toEqual([]);
+    expect(frame).toContain("Comparison Chart");
+    expect(frame).toContain("AMD");
+  });
+
   test("AI <prompt> opens the inline workflow and prefills the textarea prompt", async () => {
     const created: Array<{ templateId: string; options?: Record<string, unknown> }> = [];
 
@@ -2608,7 +2656,15 @@ describe("CommandBar", () => {
   });
 
   test("matches the direct help command", async () => {
-    testSetup = await testRender(<CommandBarHarness query="help" />, {
+    const openedPanes: string[] = [];
+    testSetup = await testRender(<CommandBarHarness
+      query="help"
+      configurePluginRegistry={(pluginRegistry) => {
+        pluginRegistry.showPane = (paneId: string) => {
+          openedPanes.push(paneId);
+        };
+      }}
+    />, {
       width: 80,
       height: 18,
     });
@@ -2618,6 +2674,13 @@ describe("CommandBar", () => {
     const frame = testSetup.captureCharFrame();
     expect(frame).toContain("Help");
     expect(frame).toContain("Navigation");
+
+    await act(async () => {
+      testSetup!.mockInput.pressEnter();
+      await testSetup!.renderOnce();
+    });
+
+    expect(openedPanes).toEqual(["help"]);
   });
 
   test("skips pane templates whose canCreate throws", async () => {