@tuturuuu/ui 0.17.0 → 0.18.0

package/src/components/ui/tu-do/shared/__tests__/use-progressive-board-loader.test.tsx

@@ -1,645 +0,0 @@
-/**
- * @vitest-environment jsdom
- */
-
-import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
-import { act, renderHook } from '@testing-library/react';
-import { listWorkspaceTasks } from '@tuturuuu/internal-api/tasks';
-import type { Task } from '@tuturuuu/types/primitives/Task';
-import type { ReactNode } from 'react';
-import { afterEach, beforeEach, describe, expect, it, vi } from 'vitest';
-import { useProgressiveBoardLoader } from '../use-progressive-board-loader';
-
-vi.mock('@tuturuuu/internal-api/tasks', () => ({
-  listWorkspaceTasks: vi.fn(),
-}));
-
-describe('useProgressiveBoardLoader', () => {
-  let queryClient: QueryClient;
-
-  const wrapper = ({ children }: { children: ReactNode }) => (
-    <QueryClientProvider client={queryClient}>{children}</QueryClientProvider>
-  );
-
-  beforeEach(() => {
-    queryClient = new QueryClient({
-      defaultOptions: {
-        queries: { retry: false },
-        mutations: { retry: false },
-      },
-    });
-
-    vi.mocked(listWorkspaceTasks).mockResolvedValue({ tasks: [] });
-  });
-
-  afterEach(() => {
-    vi.restoreAllMocks();
-  });
-
-  it('upserts incoming task records instead of preserving stale cache entries', async () => {
-    const cachedTask: Task = {
-      id: 'task-1',
-      display_number: 1,
-      name: 'Done task',
-      list_id: 'list-1',
-      created_at: '2026-03-19T00:00:00.000Z',
-    };
-
-    queryClient.setQueryData(['tasks', 'board-1'], [cachedTask]);
-
-    vi.mocked(listWorkspaceTasks).mockResolvedValueOnce({
-      tasks: [
-        {
-          ...cachedTask,
-          completed_at: '2026-03-19T01:00:00.000Z',
-        },
-      ],
-    });
-
-    const { result } = renderHook(
-      () => useProgressiveBoardLoader('ws-1', 'board-1'),
-      { wrapper }
-    );
-
-    await act(async () => {
-      await result.current.loadListPage('list-1', 0);
-    });
-
-    expect(listWorkspaceTasks).toHaveBeenCalledWith('ws-1', {
-      boardId: 'board-1',
-      listId: 'list-1',
-      limit: 50,
-      offset: 0,
-      includeCount: true,
-      includeRelationshipSummary: false,
-    });
-    expect(queryClient.getQueryData<Task[]>(['tasks', 'board-1'])).toEqual([
-      {
-        ...cachedTask,
-        completed_at: '2026-03-19T01:00:00.000Z',
-      },
-    ]);
-  });
-
-  it('uses exact response counts instead of page-size estimates', async () => {
-    const task: Task = {
-      id: 'task-1',
-      display_number: 1,
-      name: 'Visible task',
-      list_id: 'list-1',
-      created_at: '2026-03-19T00:00:00.000Z',
-    };
-
-    vi.mocked(listWorkspaceTasks).mockResolvedValueOnce({
-      tasks: [task],
-      count: 21,
-    });
-
-    const { result } = renderHook(
-      () => useProgressiveBoardLoader('ws-1', 'board-1'),
-      { wrapper }
-    );
-
-    let pageResult:
-      | { tasks: Task[]; totalCount: number; hasMore: boolean }
-      | undefined;
-
-    await act(async () => {
-      pageResult = await result.current.loadListPage('list-1', 0);
-    });
-
-    expect(pageResult).toEqual({
-      tasks: [task],
-      totalCount: 21,
-      hasMore: true,
-    });
-    expect(result.current.pagination['list-1']).toEqual(
-      expect.objectContaining({
-        totalCount: 21,
-        hasMore: true,
-      })
-    );
-  });
-
-  it('forwards external lane options and preserves them for revalidation', async () => {
-    const externalTask: Task = {
-      id: 'task-external',
-      display_number: 101,
-      name: 'External task',
-      list_id: 'personal-external-staging:board-1',
-      created_at: '2026-03-19T00:00:00.000Z',
-      source_list_status: 'active',
-    };
-
-    vi.mocked(listWorkspaceTasks).mockResolvedValueOnce({
-      tasks: [externalTask],
-    });
-
-    const { result } = renderHook(
-      () => useProgressiveBoardLoader('personal', 'board-1'),
-      { wrapper }
-    );
-
-    await act(async () => {
-      await result.current.loadListPage(
-        'personal-external-staging:board-1',
-        0,
-        {
-          externalIncludeDocuments: true,
-          externalIncludeDoneClosed: true,
-          externalSortBy: 'due-asc',
-        }
-      );
-    });
-
-    expect(listWorkspaceTasks).toHaveBeenCalledWith('personal', {
-      boardId: 'board-1',
-      listId: 'personal-external-staging:board-1',
-      limit: 50,
-      offset: 0,
-      includeCount: true,
-      externalIncludeDocuments: true,
-      externalIncludeDoneClosed: true,
-      externalSortBy: 'due-asc',
-      includeRelationshipSummary: false,
-    });
-
-    vi.mocked(listWorkspaceTasks).mockResolvedValueOnce({
-      tasks: [externalTask],
-    });
-
-    await act(async () => {
-      await result.current.revalidateLoadedLists();
-    });
-
-    expect(listWorkspaceTasks).toHaveBeenLastCalledWith('personal', {
-      boardId: 'board-1',
-      listId: 'personal-external-staging:board-1',
-      limit: 50,
-      offset: 0,
-      includeCount: true,
-      externalIncludeDocuments: true,
-      externalIncludeDoneClosed: true,
-      externalSortBy: 'due-asc',
-      includeRelationshipSummary: false,
-    });
-  });
-
-  it('appends newly discovered tasks after merging existing ones', async () => {
-    const cachedTask: Task = {
-      id: 'task-1',
-      display_number: 1,
-      name: 'Existing task',
-      list_id: 'list-1',
-      created_at: '2026-03-19T00:00:00.000Z',
-    };
-
-    queryClient.setQueryData(['tasks', 'board-1'], [cachedTask]);
-
-    vi.mocked(listWorkspaceTasks).mockResolvedValueOnce({
-      tasks: [
-        {
-          ...cachedTask,
-          completed_at: '2026-03-19T01:00:00.000Z',
-        },
-        {
-          id: 'task-2',
-          display_number: 2,
-          name: 'New task',
-          list_id: 'list-1',
-          created_at: '2026-03-19T02:00:00.000Z',
-        },
-      ],
-    });
-
-    const { result } = renderHook(
-      () => useProgressiveBoardLoader('ws-1', 'board-1'),
-      { wrapper }
-    );
-
-    await act(async () => {
-      await result.current.loadListPage('list-1', 0);
-    });
-
-    expect(queryClient.getQueryData<Task[]>(['tasks', 'board-1'])).toEqual([
-      {
-        ...cachedTask,
-        completed_at: '2026-03-19T01:00:00.000Z',
-      },
-      {
-        id: 'task-2',
-        display_number: 2,
-        name: 'New task',
-        list_id: 'list-1',
-        created_at: '2026-03-19T02:00:00.000Z',
-      },
-    ]);
-  });
-
-  it('does not overwrite a local move completed after request start', async () => {
-    const cachedTask: Task = {
-      id: 'task-1',
-      display_number: 1,
-      name: 'Task',
-      list_id: 'done-list',
-      created_at: '2026-03-19T00:00:00.000Z',
-      closed_at: '2026-03-19T01:00:00.000Z',
-      completed_at: '2026-03-19T01:00:00.000Z',
-    };
-
-    queryClient.setQueryData(['tasks', 'board-1'], [cachedTask]);
-
-    let resolveFetch: (value: { tasks: Task[] }) => void = () => {
-      throw new Error('Expected pending fetch resolver');
-    };
-    const pendingFetch = new Promise<{ tasks: Task[] }>((resolve) => {
-      resolveFetch = resolve;
-    });
-
-    vi.mocked(listWorkspaceTasks).mockImplementationOnce(() => pendingFetch);
-
-    const { result } = renderHook(
-      () => useProgressiveBoardLoader('ws-1', 'board-1'),
-      { wrapper }
-    );
-
-    let loadPromise: Promise<unknown> | undefined;
-    await act(async () => {
-      loadPromise = result.current.loadListPage('todo-list', 0);
-      await Promise.resolve();
-    });
-
-    queryClient.setQueryData(
-      ['tasks', 'board-1'],
-      [
-        {
-          ...cachedTask,
-          _localMutationAt: Date.now() + 1000,
-        } as Task,
-      ]
-    );
-
-    resolveFetch({
-      tasks: [
-        {
-          ...cachedTask,
-          list_id: 'todo-list',
-          completed_at: undefined,
-          closed_at: undefined,
-        },
-      ],
-    });
-
-    await act(async () => {
-      await loadPromise;
-    });
-
-    expect(queryClient.getQueryData<Task[]>(['tasks', 'board-1'])).toEqual([
-      {
-        ...cachedTask,
-        _localMutationAt: expect.any(Number),
-      },
-    ]);
-  });
-
-  it('does not overwrite a fresh local move when a stale request starts after mutation', async () => {
-    const locallyMovedTask = {
-      id: 'task-1',
-      display_number: 1,
-      name: 'Task',
-      list_id: 'done-list',
-      created_at: '2026-03-19T00:00:00.000Z',
-      closed_at: '2026-03-19T01:00:00.000Z',
-      completed_at: '2026-03-19T01:00:00.000Z',
-      _localMutationAt: Date.now(),
-    } as Task;
-
-    queryClient.setQueryData(['tasks', 'board-1'], [locallyMovedTask]);
-
-    vi.mocked(listWorkspaceTasks).mockResolvedValueOnce({
-      tasks: [
-        {
-          ...locallyMovedTask,
-          list_id: 'todo-list',
-          completed_at: undefined,
-          closed_at: undefined,
-        },
-      ],
-    });
-
-    const { result } = renderHook(
-      () => useProgressiveBoardLoader('ws-1', 'board-1'),
-      { wrapper }
-    );
-
-    await act(async () => {
-      await result.current.loadListPage('todo-list', 0);
-    });
-
-    expect(queryClient.getQueryData<Task[]>(['tasks', 'board-1'])).toEqual([
-      {
-        ...locallyMovedTask,
-        _localMutationAt: expect.any(Number),
-      },
-    ]);
-  });
-
-  it('does not overwrite a fresh local reorder when a stale response has the old sort key', async () => {
-    const locallyReorderedTask = {
-      id: 'task-1',
-      display_number: 1,
-      name: 'Task',
-      list_id: 'todo-list',
-      sort_key: 2_000_000,
-      created_at: '2026-03-19T00:00:00.000Z',
-      _localMutationAt: Date.now(),
-    } as Task;
-
-    queryClient.setQueryData(['tasks', 'board-1'], [locallyReorderedTask]);
-
-    vi.mocked(listWorkspaceTasks).mockResolvedValueOnce({
-      tasks: [
-        {
-          ...locallyReorderedTask,
-          sort_key: 1_000_000,
-        },
-      ],
-    });
-
-    const { result } = renderHook(
-      () => useProgressiveBoardLoader('ws-1', 'board-1'),
-      { wrapper }
-    );
-
-    await act(async () => {
-      await result.current.loadListPage('todo-list', 0);
-    });
-
-    expect(queryClient.getQueryData<Task[]>(['tasks', 'board-1'])).toEqual([
-      {
-        ...locallyReorderedTask,
-        _localMutationAt: expect.any(Number),
-      },
-    ]);
-  });
-
-  it('overwrites local mutation when _localMutationAt precedes request start', async () => {
-    const cachedTask = {
-      id: 'task-1',
-      display_number: 1,
-      name: 'Task',
-      list_id: 'done-list',
-      created_at: '2026-03-19T00:00:00.000Z',
-      _localMutationAt: Date.now() - 60_000,
-    } as Task;
-    const { _localMutationAt: _ignored, ...serverTask } = cachedTask as Task & {
-      _localMutationAt?: number;
-    };
-
-    queryClient.setQueryData(['tasks', 'board-1'], [cachedTask]);
-
-    vi.mocked(listWorkspaceTasks).mockResolvedValueOnce({
-      tasks: [
-        {
-          ...serverTask,
-          list_id: 'todo-list',
-        },
-      ],
-    });
-
-    const { result } = renderHook(
-      () => useProgressiveBoardLoader('ws-1', 'board-1'),
-      { wrapper }
-    );
-
-    await act(async () => {
-      await result.current.loadListPage('todo-list', 0);
-    });
-
-    const tasks = queryClient.getQueryData<Task[]>(['tasks', 'board-1']);
-    expect(tasks?.[0]?.list_id).toBe('todo-list');
-    expect(tasks?.[0]).not.toHaveProperty('_localMutationAt');
-  });
-
-  it('preserves a newly created task when stale list revalidation misses it', async () => {
-    const createdTask = {
-      id: 'task-new',
-      display_number: 2,
-      name: 'New task',
-      list_id: 'list-1',
-      created_at: '2026-03-19T02:00:00.000Z',
-      sort_key: 500_000,
-      _localMutationAt: Date.now() + 1_000,
-    } as Task;
-
-    const existingTask: Task = {
-      id: 'task-1',
-      display_number: 1,
-      name: 'Existing task',
-      list_id: 'list-1',
-      created_at: '2026-03-19T00:00:00.000Z',
-      sort_key: 1_000_000,
-    };
-
-    queryClient.setQueryData(['tasks', 'board-1'], [existingTask, createdTask]);
-
-    const { result } = renderHook(
-      () => useProgressiveBoardLoader('ws-1', 'board-1'),
-      { wrapper }
-    );
-
-    await act(async () => {
-      await result.current.loadListPage('list-1', 0);
-    });
-
-    vi.mocked(listWorkspaceTasks).mockResolvedValueOnce({
-      tasks: [existingTask],
-    });
-
-    await act(async () => {
-      await result.current.revalidateLoadedLists();
-    });
-
-    expect(queryClient.getQueryData<Task[]>(['tasks', 'board-1'])).toEqual([
-      expect.objectContaining({
-        id: 'task-1',
-        list_id: 'list-1',
-      }),
-      expect.objectContaining({
-        id: 'task-new',
-        list_id: 'list-1',
-        sort_key: 500_000,
-        _localMutationAt: expect.any(Number),
-      }),
-    ]);
-  });
-
-  it('preserves a freshly placed external task when destination list revalidation misses it', async () => {
-    const placedExternalTask = {
-      id: 'task-external',
-      display_number: 43,
-      name: 'Placed external task',
-      list_id: 'personal-list-2',
-      created_at: '2026-05-07T00:00:00.000Z',
-      sort_key: 1_500_000,
-      personal_board_id: 'board-1',
-      personal_list_id: 'personal-list-2',
-      personal_sort_key: 1_500_000,
-      is_personal_external: true,
-      is_personal_external_default: false,
-      _localMutationAt: Date.now(),
-    } as Task;
-
-    queryClient.setQueryData(['tasks', 'board-1'], [placedExternalTask]);
-
-    vi.mocked(listWorkspaceTasks).mockResolvedValueOnce({
-      tasks: [],
-    });
-
-    const { result } = renderHook(
-      () => useProgressiveBoardLoader('personal', 'board-1'),
-      { wrapper }
-    );
-
-    await act(async () => {
-      await result.current.loadListPage('personal-list-2', 0);
-    });
-
-    expect(queryClient.getQueryData<Task[]>(['tasks', 'board-1'])).toEqual([
-      expect.objectContaining({
-        id: 'task-external',
-        list_id: 'personal-list-2',
-        personal_list_id: 'personal-list-2',
-        _localMutationAt: expect.any(Number),
-      }),
-    ]);
-  });
-
-  it('preserves a freshly property-updated external overlay when list revalidation misses it', async () => {
-    const propertyUpdatedExternalTask = {
-      id: 'task-external',
-      display_number: 43,
-      name: 'Updated external task',
-      list_id: 'personal-list-2',
-      created_at: '2026-05-07T00:00:00.000Z',
-      sort_key: 1_500_000,
-      personal_board_id: 'board-1',
-      personal_list_id: 'personal-list-2',
-      personal_sort_key: 1_500_000,
-      source_workspace_id: 'source-ws',
-      source_board_id: 'source-board',
-      source_list_id: 'source-list',
-      source_list_name: 'Source list',
-      source_list_status: 'active',
-      is_personal_external: true,
-      priority: 'high',
-      _localMutationAt: Date.now(),
-    } as Task;
-
-    const { result } = renderHook(
-      () => useProgressiveBoardLoader('personal', 'board-1'),
-      { wrapper }
-    );
-
-    vi.mocked(listWorkspaceTasks).mockResolvedValueOnce({ tasks: [] });
-
-    await act(async () => {
-      await result.current.loadListPage('personal-list-2', 0);
-    });
-
-    queryClient.setQueryData(
-      ['tasks', 'board-1'],
-      [propertyUpdatedExternalTask]
-    );
-    vi.mocked(listWorkspaceTasks).mockResolvedValueOnce({ tasks: [] });
-
-    await act(async () => {
-      await result.current.revalidateLoadedLists();
-    });
-
-    expect(queryClient.getQueryData<Task[]>(['tasks', 'board-1'])).toEqual([
-      expect.objectContaining({
-        id: 'task-external',
-        priority: 'high',
-        list_id: 'personal-list-2',
-        personal_list_id: 'personal-list-2',
-        source_list_id: 'source-list',
-        _localMutationAt: expect.any(Number),
-      }),
-    ]);
-  });
-
-  it('revalidates loaded lists without clearing other list tasks', async () => {
-    const existingOtherListTask: Task = {
-      id: 'task-other',
-      display_number: 20,
-      name: 'Other list task',
-      list_id: 'list-2',
-      created_at: '2026-03-19T00:00:00.000Z',
-    };
-
-    const staleListTask: Task = {
-      id: 'task-1',
-      display_number: 1,
-      name: 'Stale list task',
-      list_id: 'list-1',
-      created_at: '2026-03-19T00:00:00.000Z',
-    };
-
-    queryClient.setQueryData(
-      ['tasks', 'board-1'],
-      [staleListTask, existingOtherListTask]
-    );
-
-    const { result } = renderHook(
-      () => useProgressiveBoardLoader('ws-1', 'board-1'),
-      { wrapper }
-    );
-
-    await act(async () => {
-      await result.current.loadListPage('list-1', 0);
-      await result.current.loadListPage('list-1', 1);
-    });
-
-    vi.mocked(listWorkspaceTasks)
-      .mockResolvedValueOnce({
-        tasks: [
-          {
-            ...staleListTask,
-            name: 'Fresh page 0 task',
-          },
-        ],
-      })
-      .mockResolvedValueOnce({
-        tasks: [
-          {
-            id: 'task-2',
-            display_number: 2,
-            name: 'Fresh page 1 task',
-            list_id: 'list-1',
-            created_at: '2026-03-19T01:00:00.000Z',
-          },
-        ],
-      });
-
-    await act(async () => {
-      await result.current.revalidateLoadedLists();
-    });
-
-    const finalTasks = queryClient.getQueryData<Task[]>(['tasks', 'board-1']);
-    expect(finalTasks).toEqual([
-      {
-        ...staleListTask,
-        name: 'Fresh page 0 task',
-      },
-      existingOtherListTask,
-      {
-        id: 'task-2',
-        display_number: 2,
-        name: 'Fresh page 1 task',
-        list_id: 'list-1',
-        created_at: '2026-03-19T01:00:00.000Z',
-      },
-    ]);
-  });
-});