@tuturuuu/ui 0.0.4 → 0.1.0

package/src/components/ui/time-picker-input.tsx

@@ -1,20 +1,20 @@
 'use client';
 
+import { cn } from '@tuturuuu/utils/format';
+import React from 'react';
 import { Input } from './input';
 import {
-  TimePickerType,
   getArrowByType,
   getDateByType,
   setDateByType,
+  type TimePickerType,
 } from './time-picker-utils';
-import { cn } from '@tuturuuu/utils/format';
-import React from 'react';
 
 export interface TimePickerInputProps
   extends React.InputHTMLAttributes<HTMLInputElement> {
   picker: TimePickerType;
   date: Date | undefined;
-  // eslint-disable-next-line no-unused-vars
+
   setDate: (date: Date | undefined) => void;
   onRightFocus?: () => void;
   onLeftFocus?: () => void;
@@ -77,7 +77,7 @@ const TimePickerInput = React.forwardRef<
       }
       if (e.key >= '0' && e.key <= '9') {
         const newValue = !flag
-          ? '0' + e.key
+          ? `0${e.key}`
           : calculatedValue.slice(1, 2) + e.key;
         if (flag) onRightFocus?.();
         setFlag((prev) => !prev);
@@ -92,7 +92,7 @@ const TimePickerInput = React.forwardRef<
         id={id || picker}
         name={name || picker}
         className={cn(
-          'w-[48px] text-center font-mono text-base tabular-nums caret-transparent focus:bg-accent focus:text-accent-foreground [&::-webkit-inner-spin-button]:appearance-none',
+          'w-12 text-center font-mono text-base tabular-nums caret-transparent focus:bg-accent focus:text-accent-foreground [&::-webkit-inner-spin-button]:appearance-none',
           className
         )}
         value={value || calculatedValue}

package/src/components/ui/time-picker-utils.tsx

@@ -27,7 +27,7 @@ export function getValidNumber(
 ) {
   let numericValue = parseInt(value, 10);
 
-  if (!isNaN(numericValue)) {
+  if (!Number.isNaN(numericValue)) {
     if (!loop) {
       if (numericValue > max) numericValue = max;
       if (numericValue < min) numericValue = min;
@@ -67,7 +67,7 @@ export function getValidArrowNumber(
   { min, max, step }: GetValidArrowNumberConfig
 ) {
   let numericValue = parseInt(value, 10);
-  if (!isNaN(numericValue)) {
+  if (!Number.isNaN(numericValue)) {
     numericValue += step;
     return getValidNumber(String(numericValue), { min, max, loop: true });
   }

package/src/components/ui/time-tracker/types.ts

@@ -0,0 +1,112 @@
+import type {
+  TimeTrackingCategory,
+  TimeTrackingSession,
+  WorkspaceTask,
+} from '@tuturuuu/types';
+
+// Main timer statistics interface
+export interface TimerStats {
+  /** Duration in seconds */
+  todayTime: number;
+  /** Duration in seconds */
+  weekTime: number;
+  /** Duration in seconds */
+  monthTime: number;
+  streak: number;
+  categoryBreakdown?: {
+    today: Record<string, number>;
+    week: Record<string, number>;
+    month: Record<string, number>;
+  };
+  dailyActivity?: Array<{
+    date: string;
+    /** Duration in seconds */
+    duration: number;
+    sessions: number;
+  }>;
+}
+
+// Session with related data
+export interface SessionWithRelations extends TimeTrackingSession {
+  category: TimeTrackingCategory | null;
+  task: WorkspaceTask | null;
+}
+
+// Goal tracking interface
+export interface TimeTrackingGoal {
+  id: string;
+  ws_id: string;
+  user_id: string;
+  category_id: string | null;
+  daily_goal_minutes: number;
+  weekly_goal_minutes: number | null;
+  is_active: boolean | null;
+  category: TimeTrackingCategory | null;
+}
+
+// Extended task interface with additional properties
+export interface ExtendedWorkspaceTask extends WorkspaceTask {
+  due_date?: any;
+  board_name?: string;
+  list_name?: string;
+  assignee_name?: string;
+  assignee_avatar?: string;
+  is_assigned_to_current_user?: boolean;
+  assignees?: Array<{
+    id: string;
+    display_name?: string;
+    avatar_url?: string;
+    email?: string;
+  }>;
+  /** Workspace ID from task_lists -> workspace_boards relation */
+  ws_id?: string;
+
+  /**
+   * Per-user scheduling settings (stored in `task_user_scheduling_settings`).
+   * These are intentionally optional because the base `tasks` row no longer owns them.
+   */
+  total_duration?: number | null;
+  is_splittable?: boolean | null;
+  min_split_duration_minutes?: number | null;
+  max_split_duration_minutes?: number | null;
+  calendar_hours?: any;
+  auto_schedule?: boolean | null;
+}
+
+// Task filters interface for timer controls
+export interface TaskFilters {
+  priority: string | null;
+  status: string | null;
+  board: string | null;
+  list: string | null;
+  assignee: string | null;
+}
+
+// Sidebar task filters
+export interface TaskSidebarFilters {
+  board: string | undefined;
+  list: string | undefined;
+  assignee: string | undefined;
+}
+
+// Complete time tracker data structure
+export interface TimeTrackerData {
+  categories: TimeTrackingCategory[];
+  runningSession: SessionWithRelations | null;
+  recentSessions: SessionWithRelations[] | null;
+  goals: TimeTrackingGoal[] | null;
+  tasks: ExtendedWorkspaceTask[];
+  stats: TimerStats;
+}
+
+export interface PomodoroSettings {
+  focusTime: number; // in minutes
+  shortBreakTime: number; // in minutes
+  longBreakTime: number; // in minutes
+  sessionsUntilLongBreak: number;
+  autoStartBreaks: boolean;
+  autoStartFocus: boolean;
+  enableNotifications: boolean;
+  enable2020Rule: boolean; // 20-20-20 eye rest rule
+  enableMovementReminder: boolean;
+}

package/src/components/ui/toast.tsx

@@ -1,9 +1,9 @@
 'use client';
 
 import * as ToastPrimitives from '@radix-ui/react-toast';
+import { X } from '@tuturuuu/icons';
 import { cn } from '@tuturuuu/utils/format';
-import { type VariantProps, cva } from 'class-variance-authority';
-import { X } from 'lucide-react';
+import { cva, type VariantProps } from 'class-variance-authority';
 import * as React from 'react';
 
 const ToastProvider = ToastPrimitives.Provider;
@@ -15,7 +15,7 @@ const ToastViewport = React.forwardRef<
   <ToastPrimitives.Viewport
     ref={ref}
     className={cn(
-      'fixed top-0 z-[100] flex max-h-screen w-full flex-col-reverse p-4 sm:top-auto sm:right-0 sm:bottom-0 sm:flex-col md:max-w-[420px]',
+      'fixed top-0 z-100 flex max-h-screen w-full flex-col-reverse p-4 sm:top-auto sm:right-0 sm:bottom-0 sm:flex-col md:max-w-[420px]',
       className
     )}
     {...props}
@@ -24,7 +24,7 @@ const ToastViewport = React.forwardRef<
 ToastViewport.displayName = ToastPrimitives.Viewport.displayName;
 
 const toastVariants = cva(
-  'group pointer-events-auto relative flex w-full items-center justify-between space-x-4 overflow-hidden rounded-md border p-6 pr-8 shadow-lg transition-all data-[swipe=cancel]:translate-x-0 data-[swipe=end]:translate-x-[var(--radix-toast-swipe-end-x)] data-[swipe=move]:translate-x-[var(--radix-toast-swipe-move-x)] data-[swipe=move]:transition-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[swipe=end]:animate-out data-[state=closed]:fade-out-80 data-[state=closed]:slide-out-to-right-full data-[state=open]:slide-in-from-top-full data-[state=open]:sm:slide-in-from-bottom-full',
+  'group pointer-events-auto relative flex w-full items-center justify-between space-x-4 overflow-hidden rounded-md border p-6 pr-8 shadow-lg transition-all data-[swipe=cancel]:translate-x-0 data-[swipe=end]:translate-x-(--radix-toast-swipe-end-x) data-[swipe=move]:translate-x-(--radix-toast-swipe-move-x) data-[swipe=move]:transition-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[swipe=end]:animate-out data-[state=closed]:fade-out-80 data-[state=closed]:slide-out-to-right-full data-[state=open]:slide-in-from-top-full data-[state=open]:sm:slide-in-from-bottom-full',
   {
     variants: {
       variant: {
@@ -61,7 +61,7 @@ const ToastAction = React.forwardRef<
   <ToastPrimitives.Action
     ref={ref}
     className={cn(
-      'inline-flex h-8 shrink-0 items-center justify-center rounded-md border bg-transparent px-3 text-sm font-medium ring-offset-background transition-colors group-[.destructive]:border-muted/40 hover:bg-secondary group-[.destructive]:hover:border-destructive/30 group-[.destructive]:hover:bg-destructive group-[.destructive]:hover:text-destructive-foreground focus:ring-2 focus:ring-ring focus:ring-offset-2 focus:outline-hidden group-[.destructive]:focus:ring-destructive disabled:pointer-events-none disabled:opacity-50',
+      'inline-flex h-8 shrink-0 items-center justify-center rounded-md border bg-transparent px-3 font-medium text-sm ring-offset-background transition-colors hover:bg-secondary focus:outline-hidden focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 group-[.destructive]:border-muted/40 group-[.destructive]:focus:ring-destructive group-[.destructive]:hover:border-destructive/30 group-[.destructive]:hover:bg-destructive group-[.destructive]:hover:text-destructive-foreground',
       className
     )}
     {...props}
@@ -76,7 +76,7 @@ const ToastClose = React.forwardRef<
   <ToastPrimitives.Close
     ref={ref}
     className={cn(
-      'absolute top-2 right-2 rounded-md p-1 text-foreground/50 opacity-0 transition-opacity group-hover:opacity-100 group-[.destructive]:text-red-300 hover:text-foreground group-[.destructive]:hover:text-red-50 focus:opacity-100 focus:ring-2 focus:outline-hidden group-[.destructive]:focus:ring-red-400 group-[.destructive]:focus:ring-offset-red-600',
+      'absolute top-2 right-2 rounded-md p-1 text-foreground/50 opacity-0 transition-opacity hover:text-foreground focus:opacity-100 focus:outline-hidden focus:ring-2 group-hover:opacity-100 group-[.destructive]:text-red-300 group-[.destructive]:focus:ring-red-400 group-[.destructive]:focus:ring-offset-red-600 group-[.destructive]:hover:text-red-50',
       className
     )}
     toast-close=""
@@ -93,7 +93,7 @@ const ToastTitle = React.forwardRef<
 >(({ className, ...props }, ref) => (
   <ToastPrimitives.Title
     ref={ref}
-    className={cn('text-sm font-semibold', className)}
+    className={cn('font-semibold text-sm', className)}
     {...props}
   />
 ));
@@ -118,11 +118,11 @@ type ToastActionElement = React.ReactElement<typeof ToastAction>;
 export {
   Toast,
   ToastAction,
+  type ToastActionElement,
   ToastClose,
   ToastDescription,
+  type ToastProps,
   ToastProvider,
   ToastTitle,
   ToastViewport,
-  type ToastActionElement,
-  type ToastProps,
 };

package/src/components/ui/toaster.tsx

@@ -15,20 +15,16 @@ export function Toaster() {
 
   return (
     <ToastProvider>
-      {toasts.map(function ({ id, title, description, action, ...props }) {
-        return (
-          <Toast key={id} {...props}>
-            <div className="grid gap-1">
-              {title && <ToastTitle>{title}</ToastTitle>}
-              {description && (
-                <ToastDescription>{description}</ToastDescription>
-              )}
-            </div>
-            {action}
-            <ToastClose />
-          </Toast>
-        );
-      })}
+      {toasts.map(({ id, title, description, action, ...props }) => (
+        <Toast key={id} {...props}>
+          <div className="grid gap-1">
+            {title && <ToastTitle>{title}</ToastTitle>}
+            {description && <ToastDescription>{description}</ToastDescription>}
+          </div>
+          {action}
+          <ToastClose />
+        </Toast>
+      ))}
       <ToastViewport />
     </ToastProvider>
   );

package/src/components/ui/toggle-group.tsx

@@ -1,10 +1,10 @@
 'use client';
 
-import { toggleVariants } from './toggle';
 import * as ToggleGroupPrimitive from '@radix-ui/react-toggle-group';
 import { cn } from '@tuturuuu/utils/format';
-import { type VariantProps } from 'class-variance-authority';
+import type { VariantProps } from 'class-variance-authority';
 import * as React from 'react';
+import { toggleVariants } from './toggle';
 
 const ToggleGroupContext = React.createContext<
   VariantProps<typeof toggleVariants>

package/src/components/ui/toggle.tsx

@@ -2,8 +2,8 @@
 
 import * as TogglePrimitive from '@radix-ui/react-toggle';
 import { cn } from '@tuturuuu/utils/format';
-import { type VariantProps, cva } from 'class-variance-authority';
-import * as React from 'react';
+import { cva, type VariantProps } from 'class-variance-authority';
+import type * as React from 'react';
 
 const toggleVariants = cva(
   "inline-flex items-center justify-center gap-2 rounded-md text-sm font-medium transition-colors hover:bg-muted hover:text-muted-foreground disabled:pointer-events-none disabled:opacity-50 data-[state=on]:bg-accent data-[state=on]:text-accent-foreground [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 [&_svg]:shrink-0 ring-ring/10 dark:ring-ring/20 dark:outline-ring/40 outline-ring/50 focus-visible:ring-4 focus-visible:outline-1 aria-invalid:focus-visible:ring-0 transition-[color,box-shadow]",

package/src/components/ui/tooltip.tsx

@@ -2,7 +2,7 @@
 
 import * as TooltipPrimitive from '@radix-ui/react-tooltip';
 import { cn } from '@tuturuuu/utils/format';
-import * as React from 'react';
+import type * as React from 'react';
 
 function TooltipProvider({
   delayDuration = 0,
@@ -45,13 +45,13 @@ function TooltipContent({
         data-slot="tooltip-content"
         sideOffset={sideOffset}
         className={cn(
-          'z-50 max-w-sm rounded-md bg-primary px-3 py-1.5 text-xs text-primary-foreground animate-in fade-in-0 zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95',
+          'fade-in-0 zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 z-50 max-w-sm animate-in rounded-md border bg-background px-3 py-1.5 text-foreground text-xs data-[state=closed]:animate-out',
           className
         )}
         {...props}
       >
         {children}
-        {/* <TooltipPrimitive.Arrow className="z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px] bg-primary fill-primary" /> */}
+        {/* <TooltipPrimitive.Arrow className="z-50 size-2.5 translate-y-[calc(-50%-2px)] rotate-45 rounded-[2px] bg-primary fill-primary" /> */}
       </TooltipPrimitive.Content>
     </TooltipPrimitive.Portal>
   );

package/src/components/ui/tu-do/boards/__tests__/quick-create-board-dialog.test.tsx

@@ -0,0 +1,52 @@
+/**
+ * @vitest-environment jsdom
+ */
+
+import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
+import { render, screen } from '@testing-library/react';
+import { describe, expect, it, vi } from 'vitest';
+import { QuickCreateBoardDialog } from '../quick-create-board-dialog';
+
+vi.mock('next/navigation', () => ({
+  useRouter: () => ({ push: vi.fn() }),
+  usePathname: () => '/en/ws-1/tasks/boards',
+}));
+
+vi.mock('next-intl', () => ({
+  useTranslations: () => (key: string) =>
+    key === 'ws-task-boards.quick_create.default_name' ? 'Tasks' : key,
+}));
+
+vi.mock('@tuturuuu/utils/task-helper', () => ({
+  useCreateBoardWithTemplate: () => ({
+    mutateAsync: vi.fn().mockResolvedValue({ id: 'board-1' }),
+    isPending: false,
+  }),
+  useUpdateBoardWithTemplate: () => ({
+    mutateAsync: vi.fn().mockResolvedValue({ id: 'board-1' }),
+    isPending: false,
+  }),
+}));
+
+describe('QuickCreateBoardDialog', () => {
+  it('shows a create dialog with localized default name', () => {
+    const queryClient = new QueryClient({
+      defaultOptions: {
+        queries: { retry: false },
+        mutations: { retry: false },
+      },
+    });
+
+    render(
+      <QueryClientProvider client={queryClient}>
+        <QuickCreateBoardDialog wsId="ws-1" openWhenEmpty />
+      </QueryClientProvider>
+    );
+
+    // The form input is labeled with ws-task-boards.name (translation key in this test)
+    const input = screen.getByLabelText(
+      'ws-task-boards.name'
+    ) as HTMLInputElement;
+    expect(input.value).toBe('Tasks');
+  });
+});

package/src/components/ui/tu-do/boards/__tests__/task-board-form.test.tsx

@@ -0,0 +1,130 @@
+/**
+ * @vitest-environment jsdom
+ */
+
+import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
+import { fireEvent, render, screen, waitFor } from '@testing-library/react';
+import { toast } from '@tuturuuu/ui/sonner';
+import { beforeEach, describe, expect, it, vi } from 'vitest';
+import { TaskBoardForm } from '../form';
+
+const mutateAsync =
+  vi.fn<
+    (input: {
+      name: string;
+      templateId?: string;
+      icon?: string | null;
+    }) => Promise<{ id: string }>
+  >();
+
+vi.mock('next-intl', () => ({
+  useTranslations: () => (key: string) => key,
+}));
+
+vi.mock('@tuturuuu/ui/sonner', () => ({
+  toast: {
+    success: vi.fn(),
+    error: vi.fn(),
+  },
+}));
+
+vi.mock('@tuturuuu/utils/task-helper', () => ({
+  useCreateBoardWithTemplate: () => ({
+    mutateAsync,
+    isPending: false,
+  }),
+  useUpdateBoardWithTemplate: () => ({
+    mutateAsync,
+    isPending: false,
+  }),
+}));
+
+describe('TaskBoardForm', () => {
+  let queryClient: QueryClient;
+
+  beforeEach(() => {
+    mutateAsync.mockReset();
+
+    queryClient = new QueryClient({
+      defaultOptions: {
+        queries: { retry: false },
+        mutations: { retry: false },
+      },
+    });
+  });
+
+  it('creates a board with default name when blank', async () => {
+    mutateAsync.mockResolvedValue({ id: 'board-1' });
+
+    const invalidateSpy = vi.spyOn(queryClient, 'invalidateQueries');
+
+    render(
+      <QueryClientProvider client={queryClient}>
+        <TaskBoardForm wsId="ws-1" onFinish={vi.fn()} />
+      </QueryClientProvider>
+    );
+
+    // Submit without typing a name
+    fireEvent.click(screen.getByRole('button', { name: 'common.create' }));
+
+    await waitFor(() => {
+      expect(mutateAsync).toHaveBeenCalledWith({
+        name: 'ws-task-boards.unnamed_board',
+        icon: null,
+      });
+    });
+
+    await waitFor(() => {
+      expect(invalidateSpy).toHaveBeenCalledWith({
+        queryKey: ['boards', 'ws-1'],
+      });
+    });
+  });
+
+  it('trims the provided name before creating', async () => {
+    mutateAsync.mockResolvedValue({ id: 'board-2' });
+
+    render(
+      <QueryClientProvider client={queryClient}>
+        <TaskBoardForm wsId="ws-1" onFinish={vi.fn()} />
+      </QueryClientProvider>
+    );
+
+    fireEvent.change(screen.getByLabelText('ws-task-boards.name'), {
+      target: { value: '  My Board  ' },
+    });
+
+    fireEvent.click(screen.getByRole('button', { name: 'common.create' }));
+
+    await waitFor(() => {
+      expect(mutateAsync).toHaveBeenCalledWith({
+        name: 'My Board',
+        icon: null,
+      });
+    });
+  });
+
+  it('shows the localized duplicate-name message when the API rejects a duplicate board name', async () => {
+    mutateAsync.mockRejectedValueOnce({
+      code: 'TASK_BOARD_NAME_EXISTS',
+      message: 'Internal API request failed: 409',
+    });
+
+    render(
+      <QueryClientProvider client={queryClient}>
+        <TaskBoardForm wsId="ws-1" onFinish={vi.fn()} />
+      </QueryClientProvider>
+    );
+
+    fireEvent.change(screen.getByLabelText('ws-task-boards.name'), {
+      target: { value: 'Roadmap' },
+    });
+    fireEvent.click(screen.getByRole('button', { name: 'common.create' }));
+
+    await waitFor(() => {
+      expect(toast.error).toHaveBeenCalledWith(
+        'ws-task-boards.errors.name_exists'
+      );
+    });
+  });
+});

package/src/components/ui/tu-do/boards/__tests__/workspace-projects-client-page.test.tsx

@@ -0,0 +1,100 @@
+/**
+ * @vitest-environment jsdom
+ */
+
+import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
+import { render, screen } from '@testing-library/react';
+import type { ReactNode } from 'react';
+import { beforeEach, describe, expect, it, vi } from 'vitest';
+import WorkspaceProjectsClientPage from '../workspace-projects-client-page';
+
+const mocks = vi.hoisted(() => ({
+  checkWorkspacePermission: vi.fn(),
+  getWorkspace: vi.fn(),
+  getWorkspaceBoardsData: vi.fn(),
+  replace: vi.fn(),
+}));
+
+vi.mock('next/navigation', () => ({
+  useParams: () => ({ wsId: 'personal' }),
+  useRouter: () => ({ replace: mocks.replace }),
+  useSearchParams: () => new URLSearchParams(),
+}));
+
+vi.mock('next-intl', () => ({
+  useTranslations: () => (key: string) => key,
+}));
+
+vi.mock('@tuturuuu/internal-api', () => ({
+  checkWorkspacePermission: (
+    ...args: Parameters<typeof mocks.checkWorkspacePermission>
+  ) => mocks.checkWorkspacePermission(...args),
+  getWorkspace: (...args: Parameters<typeof mocks.getWorkspace>) =>
+    mocks.getWorkspace(...args),
+  getWorkspaceBoardsData: (
+    ...args: Parameters<typeof mocks.getWorkspaceBoardsData>
+  ) => mocks.getWorkspaceBoardsData(...args),
+}));
+
+vi.mock('@tuturuuu/ui/hooks/use-workspace-user', () => ({
+  useWorkspaceUser: () => ({
+    data: { id: 'user-1' },
+    isLoading: false,
+  }),
+}));
+
+vi.mock('../enhanced-boards-view', () => ({
+  EnhancedBoardsView: () => <div data-testid="boards-view" />,
+}));
+
+vi.mock('../quick-create-board-dialog', () => ({
+  QuickCreateBoardDialog: () => <div data-testid="quick-create-board-dialog" />,
+}));
+
+vi.mock('../form', () => ({
+  TaskBoardForm: ({ children }: { children: ReactNode }) => (
+    <div>{children}</div>
+  ),
+}));
+
+describe('WorkspaceProjectsClientPage', () => {
+  beforeEach(() => {
+    vi.clearAllMocks();
+    mocks.getWorkspace.mockResolvedValue({
+      id: 'personal',
+      personal: true,
+    });
+    mocks.checkWorkspacePermission.mockResolvedValue({
+      hasPermission: true,
+    });
+    mocks.getWorkspaceBoardsData.mockResolvedValue({
+      count: 1,
+      data: [
+        {
+          id: 'board-1',
+          name: 'Tasks',
+          archived_at: null,
+          deleted_at: null,
+        },
+      ],
+    });
+  });
+
+  it('keeps direct personal board index navigation on the board picker', async () => {
+    const queryClient = new QueryClient({
+      defaultOptions: {
+        queries: { retry: false },
+        mutations: { retry: false },
+      },
+    });
+
+    render(
+      <QueryClientProvider client={queryClient}>
+        <WorkspaceProjectsClientPage />
+      </QueryClientProvider>
+    );
+
+    expect(await screen.findByTestId('boards-view')).toBeInTheDocument();
+    expect(mocks.replace).not.toHaveBeenCalled();
+  });
+});