@tuturuuu/ui 0.17.0 → 0.18.0

package/src/components/ui/tu-do/shared/__tests__/create-list-dialog.test.tsx

@@ -1,118 +0,0 @@
-import '@testing-library/jest-dom';
-import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
-import { fireEvent, render, screen, waitFor } from '@testing-library/react';
-import { toast } from '@tuturuuu/ui/sonner';
-import type React from 'react';
-import { beforeEach, describe, expect, it, vi } from 'vitest';
-import { CreateListDialog } from '../create-list-dialog';
-
-const createWorkspaceTaskListMock = vi.fn();
-
-vi.mock('@tuturuuu/internal-api/tasks', () => ({
-  createWorkspaceTaskList: (...args: unknown[]) =>
-    createWorkspaceTaskListMock(...args),
-}));
-
-vi.mock('@tuturuuu/ui/sonner', () => ({
-  toast: {
-    error: vi.fn(),
-    success: vi.fn(),
-  },
-}));
-
-function renderCreateListDialog(
-  props?: Partial<React.ComponentProps<typeof CreateListDialog>>
-) {
-  const queryClient = new QueryClient({
-    defaultOptions: {
-      mutations: { retry: false },
-      queries: { retry: false },
-    },
-  });
-
-  return render(
-    <QueryClientProvider client={queryClient}>
-      <CreateListDialog
-        open
-        onOpenChange={vi.fn()}
-        boardId="board-1"
-        wsId="ws-1"
-        {...props}
-      />
-    </QueryClientProvider>
-  );
-}
-
-describe('CreateListDialog', () => {
-  beforeEach(() => {
-    createWorkspaceTaskListMock.mockReset();
-    vi.mocked(toast.error).mockReset();
-    vi.mocked(toast.success).mockReset();
-  });
-
-  it('submits only once when create is triggered twice before the request settles', async () => {
-    createWorkspaceTaskListMock.mockReturnValue(new Promise(() => {}));
-    renderCreateListDialog();
-
-    const nameInput = screen.getByLabelText('List Name');
-    fireEvent.change(nameInput, { target: { value: 'Backlog' } });
-    fireEvent.keyDown(nameInput, { key: 'Enter' });
-    fireEvent.keyDown(nameInput, { key: 'Enter' });
-
-    await waitFor(() => {
-      expect(createWorkspaceTaskListMock).toHaveBeenCalledTimes(1);
-    });
-  });
-
-  it('allows retry after a failed create attempt', async () => {
-    createWorkspaceTaskListMock
-      .mockRejectedValueOnce(new Error('Failed once'))
-      .mockResolvedValueOnce({
-        list: {
-          id: 'list-1',
-          board_id: 'board-1',
-          name: 'Backlog',
-          status: 'not_started',
-        },
-      });
-    renderCreateListDialog();
-
-    const nameInput = screen.getByLabelText('List Name');
-    const createButton = screen.getByRole('button', { name: 'Create List' });
-    fireEvent.change(nameInput, { target: { value: 'Backlog' } });
-    fireEvent.click(createButton);
-
-    await waitFor(() => {
-      expect(toast.error).toHaveBeenCalledWith('Failed once');
-    });
-
-    fireEvent.click(createButton);
-
-    await waitFor(() => {
-      expect(createWorkspaceTaskListMock).toHaveBeenCalledTimes(2);
-    });
-  });
-
-  it('shows the localized duplicate-name message when the API rejects a duplicate list name', async () => {
-    createWorkspaceTaskListMock.mockRejectedValueOnce({
-      code: 'TASK_LIST_NAME_EXISTS',
-      message: 'Internal API request failed: 409',
-    });
-    renderCreateListDialog({
-      translations: {
-        listNameAlreadyExists: 'A list with this name already exists.',
-      },
-    });
-
-    fireEvent.change(screen.getByLabelText('List Name'), {
-      target: { value: 'Backlog' },
-    });
-    fireEvent.click(screen.getByRole('button', { name: 'Create List' }));
-
-    await waitFor(() => {
-      expect(toast.error).toHaveBeenCalledWith(
-        'A list with this name already exists.'
-      );
-    });
-  });
-});

package/src/components/ui/tu-do/shared/__tests__/task-board-loading-state.test.tsx

@@ -1,99 +0,0 @@
-import '@testing-library/jest-dom';
-import { render, screen } from '@testing-library/react';
-import { describe, expect, it } from 'vitest';
-import { TaskBoardLoadingState } from '../task-board-loading-state';
-
-describe('TaskBoardLoadingState', () => {
-  it('fills the padded board route with a transparent kanban skeleton', () => {
-    render(<TaskBoardLoadingState root />);
-
-    expect(screen.getByTestId('task-board-loading-state')).toHaveClass(
-      '-mt-4',
-      '-mb-4',
-      '-ml-4',
-      'h-[calc(100dvh+2rem)]',
-      'w-[calc(100%+2rem)]',
-      'bg-transparent'
-    );
-    expect(screen.getByTestId('task-board-loading-state')).not.toHaveClass(
-      '-m-4',
-      '-mr-4'
-    );
-    expect(screen.getByTestId('kanban-skeleton')).toHaveClass('bg-transparent');
-    expect(screen.getByTestId('kanban-skeleton-frame')).toHaveClass(
-      'py-2',
-      'pl-2',
-      'pr-0'
-    );
-    expect(screen.getByTestId('kanban-skeleton-frame')).not.toHaveClass('p-2');
-    expect(
-      screen.queryByTestId('task-board-header-skeleton')
-    ).not.toBeInTheDocument();
-  });
-
-  it('keeps embedded loading skeletons constrained to the parent width', () => {
-    render(<TaskBoardLoadingState />);
-
-    expect(screen.getByTestId('task-board-loading-state')).toHaveClass(
-      'w-full',
-      'h-[calc(100dvh-1rem)]'
-    );
-    expect(screen.getByTestId('task-board-loading-state')).not.toHaveClass(
-      '-m-4',
-      '-mt-4',
-      '-mb-4',
-      '-ml-4',
-      'w-[calc(100%+2rem)]'
-    );
-    expect(screen.getByTestId('kanban-skeleton-frame')).toHaveClass('p-2');
-    expect(
-      screen.queryByTestId('task-board-header-skeleton')
-    ).not.toBeInTheDocument();
-  });
-
-  it('can include the board header skeleton above the kanban skeleton', () => {
-    render(<TaskBoardLoadingState root showHeader />);
-
-    expect(screen.getByTestId('task-board-loading-state')).toHaveClass(
-      '-mt-4',
-      '-mb-4',
-      '-ml-4',
-      'h-[calc(100dvh+2rem)]',
-      'w-[calc(100%+2rem)]',
-      'flex',
-      'flex-col'
-    );
-    expect(screen.getByTestId('task-board-loading-state')).not.toHaveClass(
-      '-m-4',
-      '-mr-4'
-    );
-    expect(screen.getByTestId('task-board-header-skeleton')).toHaveAttribute(
-      'aria-hidden',
-      'true'
-    );
-    expect(screen.getByTestId('task-board-header-skeleton')).toHaveClass(
-      'border-b',
-      'pl-2',
-      'pr-0',
-      'pt-2',
-      'pb-2'
-    );
-    expect(screen.getByTestId('task-board-header-skeleton')).not.toHaveClass(
-      'px-2'
-    );
-    expect(screen.getByTestId('kanban-skeleton-frame')).toHaveClass(
-      'py-2',
-      'pl-2',
-      'pr-0'
-    );
-    expect(screen.getByTestId('task-board-header-skeleton')).not.toHaveClass(
-      '-mt-2'
-    );
-    expect(screen.getByTestId('task-board-loading-body')).toHaveClass(
-      'min-h-0',
-      'flex-1',
-      'overflow-hidden'
-    );
-    expect(screen.getByTestId('kanban-skeleton')).toBeInTheDocument();
-  });
-});

package/src/components/ui/tu-do/shared/__tests__/task-cache-patches.test.ts

@@ -1,147 +0,0 @@
-import { QueryClient } from '@tanstack/react-query';
-import type { Task } from '@tuturuuu/types/primitives/Task';
-import { describe, expect, it } from 'vitest';
-import {
-  patchTaskInVisibleCaches,
-  restoreTasksFromVisibleCacheSnapshot,
-  snapshotVisibleTaskCaches,
-} from '../task-cache-patches';
-
-function createQueryClient() {
-  return new QueryClient({
-    defaultOptions: {
-      queries: { retry: false },
-      mutations: { retry: false },
-    },
-  });
-}
-
-function createTask(id: string, name = id): Task {
-  return {
-    id,
-    name,
-    list_id: 'list-1',
-    display_number: 1,
-    created_at: '2026-01-01T00:00:00.000Z',
-    labels: [],
-    projects: [],
-    assignees: [],
-  };
-}
-
-describe('task-cache-patches', () => {
-  it('patches every visible cache that can render a task card or detail view', () => {
-    const queryClient = createQueryClient();
-    const task = createTask('task-1');
-
-    queryClient.setQueryData(['tasks', 'board-1'], [task]);
-    queryClient.setQueryData(['tasks-full', 'board-1', 'all'], [task]);
-    queryClient.setQueryData(['task', 'task-1'], task);
-    queryClient.setQueryData(['workspaceTask', 'ws-1', 'task-1'], { task });
-    queryClient.setQueryData(['my-tasks', 'ws-1'], {
-      overdue: [],
-      today: [task],
-      upcoming: [],
-      completed: [],
-    });
-    queryClient.setQueryData(['my-completed-tasks', 'ws-1'], {
-      pages: [{ completed: [task] }],
-    });
-    const patchedLabel = {
-      id: 'label-1',
-      name: 'Bug',
-      color: '#ef4444',
-      created_at: '2026-01-01T00:00:00.000Z',
-    };
-
-    patchTaskInVisibleCaches({
-      queryClient,
-      boardId: 'board-1',
-      taskId: 'task-1',
-      updater: (cachedTask) => ({
-        ...cachedTask,
-        labels: [patchedLabel],
-      }),
-    });
-
-    expect(
-      queryClient.getQueryData<Task[]>(['tasks', 'board-1'])?.[0]?.labels
-    ).toEqual([patchedLabel]);
-    expect(
-      queryClient.getQueryData<Task[]>(['tasks-full', 'board-1', 'all'])?.[0]
-        ?.labels
-    ).toEqual([patchedLabel]);
-    expect(queryClient.getQueryData<Task>(['task', 'task-1'])?.labels).toEqual([
-      patchedLabel,
-    ]);
-    expect(
-      queryClient.getQueryData<{ task?: Task }>([
-        'workspaceTask',
-        'ws-1',
-        'task-1',
-      ])?.task?.labels
-    ).toEqual([patchedLabel]);
-    expect(
-      queryClient.getQueryData<{ today?: Task[] }>(['my-tasks', 'ws-1'])
-        ?.today?.[0]?.labels
-    ).toEqual([patchedLabel]);
-    expect(
-      queryClient.getQueryData<{ pages?: Array<{ completed?: Task[] }> }>([
-        'my-completed-tasks',
-        'ws-1',
-      ])?.pages?.[0]?.completed?.[0]?.labels
-    ).toEqual([patchedLabel]);
-  });
-
-  it('restores only failed task ids from a snapshot', () => {
-    const queryClient = createQueryClient();
-    const taskOne = createTask('task-1', 'One');
-    const taskTwo = createTask('task-2', 'Two');
-
-    queryClient.setQueryData(['tasks', 'board-1'], [taskOne, taskTwo]);
-    queryClient.setQueryData(
-      ['tasks-full', 'board-1', 'all'],
-      [taskOne, taskTwo]
-    );
-    const snapshot = snapshotVisibleTaskCaches(queryClient, 'board-1', [
-      'task-1',
-      'task-2',
-    ]);
-
-    for (const taskId of ['task-1', 'task-2']) {
-      patchTaskInVisibleCaches({
-        queryClient,
-        boardId: 'board-1',
-        taskId,
-        updater: (cachedTask) => ({
-          ...cachedTask,
-          projects: [{ id: 'project-1', name: 'Roadmap', status: 'active' }],
-        }),
-      });
-    }
-
-    restoreTasksFromVisibleCacheSnapshot({
-      queryClient,
-      snapshot,
-      taskIds: ['task-2'],
-    });
-
-    const tasks = queryClient.getQueryData<Task[]>(['tasks', 'board-1']);
-    const fullTasks = queryClient.getQueryData<Task[]>([
-      'tasks-full',
-      'board-1',
-      'all',
-    ]);
-
-    expect(tasks?.find((task) => task.id === 'task-1')?.projects).toEqual([
-      { id: 'project-1', name: 'Roadmap', status: 'active' },
-    ]);
-    expect(tasks?.find((task) => task.id === 'task-2')?.projects).toEqual([]);
-    expect(fullTasks?.find((task) => task.id === 'task-1')?.projects).toEqual([
-      { id: 'project-1', name: 'Roadmap', status: 'active' },
-    ]);
-    expect(fullTasks?.find((task) => task.id === 'task-2')?.projects).toEqual(
-      []
-    );
-  });
-});

package/src/components/ui/tu-do/shared/__tests__/task-detail-page.test.tsx

@@ -1,170 +0,0 @@
-import '@testing-library/jest-dom';
-import { fireEvent, render, screen, waitFor } from '@testing-library/react';
-import type { Task } from '@tuturuuu/types/primitives/Task';
-import { beforeEach, describe, expect, it, vi } from 'vitest';
-import TaskDetailPage from '../task-detail-page';
-
-const mockBack = vi.fn();
-const mockPush = vi.fn();
-const mockRefresh = vi.fn();
-const mockUpdateLocation = vi.fn();
-const mockDispatchRecentSidebarVisit = vi.fn();
-
-vi.mock('next/navigation', () => ({
-  useRouter: () => ({
-    back: mockBack,
-    push: mockPush,
-    refresh: mockRefresh,
-  }),
-}));
-
-vi.mock('@tuturuuu/ui/tu-do/providers/workspace-presence-provider', () => ({
-  useOptionalWorkspacePresenceContext: () => ({
-    updateLocation: mockUpdateLocation,
-  }),
-}));
-
-vi.mock('@tuturuuu/ui/tu-do/tasks-route-context', () => ({
-  useTasksHref: () => (path: string) => `/tasks${path}`,
-}));
-
-vi.mock('../recent-sidebar-events', () => ({
-  dispatchRecentSidebarVisit: (payload: unknown) =>
-    mockDispatchRecentSidebarVisit(payload),
-}));
-
-vi.mock('../task-edit-dialog', () => ({
-  TaskEditDialog: ({
-    task,
-    onClose,
-    onUpdate,
-    onNavigateToTask,
-  }: {
-    task: Task;
-    onClose: () => void;
-    onUpdate: () => void;
-    onNavigateToTask?: (taskId: string) => Promise<void>;
-  }) => (
-    <div data-testid="task-edit-dialog">
-      <span>{task.name}</span>
-      <button type="button" onClick={onClose}>
-        Close
-      </button>
-      <button type="button" onClick={onUpdate}>
-        Refresh
-      </button>
-      <button type="button" onClick={() => void onNavigateToTask?.('task-2')}>
-        Open Related
-      </button>
-    </div>
-  ),
-}));
-
-const mockTask = {
-  id: 'task-1',
-  name: 'Ship dedicated task page',
-  description: '',
-  priority: 'normal',
-  start_date: undefined,
-  end_date: null,
-  estimation_points: null,
-  list_id: 'list-1',
-  labels: [],
-  assignees: [],
-  projects: [],
-  created_at: '2026-03-03T00:00:00Z',
-  sort_key: 1000,
-  display_number: 42,
-  list: {
-    name: 'In Progress',
-    board: {
-      name: 'Platform',
-    },
-  },
-} satisfies Task & {
-  list: {
-    name: string;
-    board: {
-      name: string;
-    };
-  };
-};
-
-describe('TaskDetailPage', () => {
-  beforeEach(() => {
-    vi.clearAllMocks();
-    window.history.pushState({}, '', '/workspace-1/tasks/boards/board-1');
-    window.history.pushState({}, '', '/workspace-1/tasks/task-1');
-  });
-
-  it('renders the shared task dialog surface and records the visit snapshot', async () => {
-    render(
-      <TaskDetailPage
-        task={mockTask}
-        boardId="board-1"
-        wsId="workspace-1"
-        isPersonalWorkspace={false}
-      />
-    );
-
-    expect(screen.getByTestId('task-edit-dialog')).toBeInTheDocument();
-    expect(screen.getByText('Ship dedicated task page')).toBeInTheDocument();
-
-    await waitFor(() => {
-      expect(mockUpdateLocation).toHaveBeenCalledWith({
-        type: 'board',
-        boardId: 'board-1',
-        taskId: 'task-1',
-      });
-    });
-
-    expect(mockDispatchRecentSidebarVisit).toHaveBeenCalledWith({
-      href: '/workspace-1/tasks/boards/board-1?task=task-1',
-      scopeWsId: 'workspace-1',
-      snapshot: {
-        badges: [
-          { kind: 'board', value: 'Platform' },
-          { kind: 'list', value: 'In Progress' },
-        ],
-        iconKey: 'task',
-        title: 'Ship dedicated task page',
-      },
-    });
-  });
-
-  it('navigates back when the shared dialog closes from the dedicated page', async () => {
-    render(
-      <TaskDetailPage
-        task={mockTask}
-        boardId="board-1"
-        wsId="workspace-1"
-        isPersonalWorkspace={false}
-      />
-    );
-
-    fireEvent.click(screen.getByRole('button', { name: 'Close' }));
-
-    await waitFor(() => {
-      expect(mockBack).toHaveBeenCalledTimes(1);
-    });
-  });
-
-  it('pushes the canonical board task route when navigating to another task from relationships', async () => {
-    render(
-      <TaskDetailPage
-        task={mockTask}
-        boardId="board-1"
-        wsId="workspace-1"
-        isPersonalWorkspace={false}
-      />
-    );
-
-    fireEvent.click(screen.getByRole('button', { name: 'Open Related' }));
-
-    await waitFor(() => {
-      expect(mockPush).toHaveBeenCalledWith(
-        '/workspace-1/tasks/boards/board-1?task=task-2'
-      );
-    });
-  });
-});