Refactor tests and configurations for improved structure and clarity

- Update ConsoleApp tests to use new routing structure
- Modify DashboardGridLayout to include data-testid for better testing
- Adjust test commands in package.json for consistency
- Add vitest configuration files for various packages
- Create vitest.workspace.yaml for workspace configuration

Author: hotlong

apps/console/src/__tests__/ConsoleApp.test.tsx

@@ -2,7 +2,7 @@ import { describe, it, expect, vi, beforeEach } from 'vitest';
 import { render, screen, waitFor, fireEvent } from '@testing-library/react';
 import '@testing-library/jest-dom';
 import { AppContent } from '../App';
-import { MemoryRouter } from 'react-router-dom';
+import { MemoryRouter, Routes, Route } from 'react-router-dom';
 
 // --- Mocks ---
 
@@ -12,11 +12,12 @@ vi.mock('../../objectstack.config', () => ({
         apps: [
             {
                 name: 'sales',
+                
                 label: 'Sales App',
                 active: true,
                 icon: 'briefcase',
                 navigation: [
-                    { id: 'nav_opp', label: 'Opportunities', type: 'object', object: 'opportunity' }
+                    { id: 'nav_opp', label: 'Opportunities', type: 'object', objectName: 'opportunity' }
                 ]
             },
             {
@@ -89,6 +90,7 @@ vi.mock('lucide-react', async () => {
         Database: () => <span data-testid="icon-database" />,
         LayoutDashboard: () => <span data-testid="icon-dashboard" />,
         Briefcase: () => <span data-testid="icon-briefcase" />,
+        briefcase: () => <span data-testid="icon-briefcase-lower" />,
         ChevronRight: () => <span />,
         ChevronsUpDown: () => <span />,
         Settings: () => <span />,
@@ -114,10 +116,12 @@ describe('Console App Integration', () => {
         vi.clearAllMocks();
     });
 
-    const renderApp = (initialRoute = '/') => {
+    const renderApp = (initialRoute = '/apps/sales/') => {
         return render(
             <MemoryRouter initialEntries={[initialRoute]}>
-                <AppContent />
+                <Routes>
+                    <Route path="/apps/:appName/*" element={<AppContent />} />
+                </Routes>
             </MemoryRouter>
         );
     };
@@ -142,7 +146,7 @@ describe('Console App Integration', () => {
     });
 
     it('navigates to object view when sidebar item clicked', async () => {
-        renderApp('/');
+        renderApp();
 
         await waitFor(() => {
             const appLabels = screen.getAllByText('Sales App');

apps/console/vitest.config.ts

@@ -0,0 +1,5 @@
+import { mergeConfig } from 'vitest/config';
+import rootConfig from '../../vitest.config.mts';
+import viteConfig from './vite.config';
+
+export default mergeConfig(rootConfig, viteConfig);

package.json

@@ -20,9 +20,8 @@
     "dev:console": "pnpm --filter @object-ui/console dev",
     "dev:crm": "pnpm --filter @object-ui/example-crm start",
     "build": "turbo run build",
-    "pretest": "turbo run build --filter=@object-ui/types --filter=@object-ui/core --filter=@object-ui/react --filter=@object-ui/components --filter=@object-ui/fields --filter=@object-ui/layout --filter=@object-ui/plugin-kanban --filter=@object-ui/plugin-charts --filter=@object-ui/plugin-form --filter=@object-ui/plugin-grid --filter=@object-ui/plugin-dashboard",
-    "test": "turbo run test",
-    "test:root": "vitest run",
+    "test": "vitest run",
+    "test:turbo": "turbo run build && turbo run test",
     "site:dev": "pnpm --filter @objectui/site dev",
     "site:build": "pnpm --filter @objectui/site build",
     "site:start": "pnpm --filter @objectui/site start",

packages/components/vitest.config.ts

@@ -0,0 +1,5 @@
+import { mergeConfig } from 'vitest/config';
+import rootConfig from '../../vitest.config.mts';
+import viteConfig from './vite.config';
+
+export default mergeConfig(rootConfig, viteConfig);

packages/core/vitest.config.ts

@@ -0,0 +1,2 @@
+import rootConfig from '../../vitest.config.mts';
+export default rootConfig;

packages/fields/vitest.config.ts

@@ -0,0 +1,5 @@
+import { mergeConfig } from 'vitest/config';
+import rootConfig from '../../vitest.config.mts';
+import viteConfig from './vite.config';
+
+export default mergeConfig(rootConfig, viteConfig);

packages/plugin-dashboard/src/DashboardGridLayout.tsx

@@ -122,7 +122,7 @@ export const DashboardGridLayout: React.FC<DashboardGridLayoutProps> = ({
   }, []);
 
   return (
-    <div className={cn("w-full", className)}>
+    <div className={cn("w-full", className)} data-testid="grid-layout">
       <div className="mb-4 flex items-center justify-between">
         <h2 className="text-2xl font-bold">{schema.title || 'Dashboard'}</h2>
         <div className="flex gap-2">

packages/plugin-dashboard/src/__tests__/DashboardGridLayout.test.tsx

@@ -68,7 +68,7 @@ describe('DashboardGridLayout', () => {
   it('should render all widgets', () => {
     render(<DashboardGridLayout schema={mockSchema} />);
 
-    expect(screen.getByText('Total Sales')).toBeInTheDocument();
+    expect(screen.getAllByText('Total Sales').length).toBeGreaterThan(0);
     expect(screen.getByText('Revenue by Month')).toBeInTheDocument();
   });
 

packages/plugin-dashboard/vitest.config.ts

@@ -0,0 +1,9 @@
+import { mergeConfig } from 'vitest/config';
+import rootConfig from '../../vitest.config.mts';
+import viteConfig from './vite.config';
+
+export default mergeConfig(rootConfig, mergeConfig(viteConfig, {
+  test: {
+    environment: 'jsdom',
+  },
+}));

packages/react/vitest.config.ts

@@ -0,0 +1,2 @@
+import rootConfig from '../../vitest.config.mts';
+export default rootConfig;