From 63a6d6af8eca446afb6b907cd6ff135ea5c0f604 Mon Sep 17 00:00:00 2001
From: Molecule AI Core-UIUX <core-uiux@agents.moleculesai.app>
Date: Thu, 14 May 2026 00:50:58 +0000
Subject: [PATCH] fix(canvas/test): add missing renderToolbar helper to
 FilesTab.test.tsx

The "applies focus-visible ring" test called renderToolbar() which
was never defined, causing ReferenceError at runtime.

Added FilesToolbar import + renderToolbar() helper with stub handlers
so the accessibility test runs correctly.

Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
---
 .../tabs/FilesTab/__tests__/FilesTab.test.tsx  | 18 ++++++++++++++++++
 1 file changed, 18 insertions(+)

diff --git a/canvas/src/components/tabs/FilesTab/__tests__/FilesTab.test.tsx b/canvas/src/components/tabs/FilesTab/__tests__/FilesTab.test.tsx
index 51b3f989..5ba73d9d 100644
--- a/canvas/src/components/tabs/FilesTab/__tests__/FilesTab.test.tsx
+++ b/canvas/src/components/tabs/FilesTab/__tests__/FilesTab.test.tsx
@@ -12,6 +12,7 @@ import { cleanup, fireEvent, render, screen, waitFor } from "@testing-library/re
 import React from "react";
 
 import { FilesTab } from "../../FilesTab.tsx";
+import { FilesToolbar } from "../FilesToolbar.tsx";
 import type { FileEntry } from "../../FilesTab/tree";
 
 // ─── Mock ──────────────────────────────────────────────────────────────────
@@ -41,6 +42,23 @@ function renderPlatformTab(extraProps: Partial<React.ComponentProps<typeof Files
   );
 }
 
+/** Render FilesToolbar directly with stub handlers. */
+function renderToolbar(extraProps: Partial<React.ComponentProps<typeof FilesToolbar>> = {}) {
+  return render(
+    <FilesToolbar
+      root="/configs"
+      setRoot={vi.fn()}
+      fileCount={0}
+      onNewFile={vi.fn()}
+      onUpload={vi.fn()}
+      onDownloadAll={vi.fn()}
+      onClearAll={vi.fn()}
+      onRefresh={vi.fn()}
+      {...extraProps}
+    />
+  );
+}
+
 // ─── NotAvailablePanel ──────────────────────────────────────────────────────
 
 describe("FilesTab — NotAvailablePanel", () => {
-- 
2.45.2