@tuturuuu/ui 0.16.0 → 0.18.0

package/src/components/ui/tu-do/shared/task-edit-dialog/hooks/__tests__/use-task-dialog-close.test.ts

@@ -1,218 +0,0 @@
-import { act, renderHook, waitFor } from '@testing-library/react';
-import { beforeEach, describe, expect, it, vi } from 'vitest';
-import { useTaskDialogClose } from '../use-task-dialog-close';
-
-function createDeferred<T>() {
-  let resolve!: (value: T | PromiseLike<T>) => void;
-  let reject!: (reason?: unknown) => void;
-  const promise = new Promise<T>((res, rej) => {
-    resolve = res;
-    reject = rej;
-  });
-
-  return { promise, reject, resolve };
-}
-
-describe('useTaskDialogClose', () => {
-  beforeEach(() => {
-    vi.restoreAllMocks();
-  });
-
-  it('waits for description persistence verification before closing', async () => {
-    const onClose = vi.fn();
-    const flushNameUpdate = vi.fn().mockResolvedValue(undefined);
-    const persistTaskDescription = vi.fn();
-    const deferred = createDeferred<boolean>();
-    persistTaskDescription.mockReturnValueOnce(deferred.promise);
-
-    const { result } = renderHook(() =>
-      useTaskDialogClose({
-        taskId: 'task-1',
-        isCreateMode: false,
-        collaborationMode: false,
-        synced: true,
-        connected: true,
-        draftStorageKey: 'draft-key',
-        onClose,
-        flushNameUpdate,
-        persistTaskDescription,
-        setShowSyncWarning: vi.fn(),
-      })
-    );
-
-    await act(async () => {
-      void result.current.handleClose();
-    });
-
-    expect(onClose).not.toHaveBeenCalled();
-
-    deferred.resolve(true);
-
-    await waitFor(() => {
-      expect(onClose).toHaveBeenCalledTimes(1);
-    });
-    expect(flushNameUpdate).toHaveBeenCalledTimes(1);
-    expect(persistTaskDescription).toHaveBeenCalledTimes(1);
-  });
-
-  it('blocks close when persistence verification fails', async () => {
-    const onClose = vi.fn();
-    const onCloseBlocked = vi.fn();
-
-    const { result } = renderHook(() =>
-      useTaskDialogClose({
-        taskId: 'task-1',
-        isCreateMode: false,
-        collaborationMode: false,
-        synced: true,
-        connected: true,
-        draftStorageKey: 'draft-key',
-        onClose,
-        flushNameUpdate: vi.fn().mockResolvedValue(undefined),
-        persistTaskDescription: vi.fn().mockResolvedValue(false),
-        onCloseBlocked,
-        setShowSyncWarning: vi.fn(),
-      })
-    );
-
-    let closeAccepted = true;
-    await act(async () => {
-      closeAccepted = await result.current.handleClose();
-    });
-
-    expect(closeAccepted).toBe(false);
-    expect(onClose).not.toHaveBeenCalled();
-    expect(onCloseBlocked).toHaveBeenCalledTimes(1);
-  });
-
-  it('shows sync warning instead of closing when collaboration is not synced', async () => {
-    const setShowSyncWarning = vi.fn();
-    const persistTaskDescription = vi.fn();
-
-    const { result } = renderHook(() =>
-      useTaskDialogClose({
-        taskId: 'task-1',
-        isCreateMode: false,
-        collaborationMode: true,
-        synced: false,
-        connected: true,
-        draftStorageKey: 'draft-key',
-        onClose: vi.fn(),
-        flushNameUpdate: vi.fn(),
-        persistTaskDescription,
-        hasPendingRealtimeDescriptionChanges: () => true,
-        setShowSyncWarning,
-      })
-    );
-
-    let closeAccepted = true;
-    await act(async () => {
-      closeAccepted = await result.current.handleClose();
-    });
-
-    expect(closeAccepted).toBe(false);
-    expect(setShowSyncWarning).toHaveBeenCalledWith(true);
-    expect(persistTaskDescription).not.toHaveBeenCalled();
-  });
-
-  it('closes immediately when collaboration is reconnecting but description content is unchanged', async () => {
-    const onClose = vi.fn();
-    const flushNameUpdate = vi.fn().mockResolvedValue(undefined);
-    const persistTaskDescription = vi.fn();
-
-    const { result } = renderHook(() =>
-      useTaskDialogClose({
-        taskId: 'task-1',
-        isCreateMode: false,
-        collaborationMode: true,
-        synced: false,
-        connected: false,
-        draftStorageKey: 'draft-key',
-        onClose,
-        flushNameUpdate,
-        persistTaskDescription,
-        hasPendingRealtimeDescriptionChanges: () => false,
-        setShowSyncWarning: vi.fn(),
-      })
-    );
-
-    await act(async () => {
-      await result.current.handleClose();
-    });
-
-    expect(onClose).toHaveBeenCalledTimes(1);
-    expect(flushNameUpdate).toHaveBeenCalledTimes(1);
-    expect(persistTaskDescription).toHaveBeenCalledTimes(1);
-  });
-
-  it('force closes immediately and continues persistence in the background', async () => {
-    const onClose = vi.fn();
-    const flushNameUpdate = vi.fn().mockResolvedValue(undefined);
-    const persistTaskDescription = vi.fn().mockResolvedValue(true);
-
-    const { result } = renderHook(() =>
-      useTaskDialogClose({
-        taskId: 'task-1',
-        isCreateMode: false,
-        collaborationMode: true,
-        synced: false,
-        connected: false,
-        draftStorageKey: 'draft-key',
-        onClose,
-        flushNameUpdate,
-        persistTaskDescription,
-        setShowSyncWarning: vi.fn(),
-      })
-    );
-
-    await act(async () => {
-      await result.current.handleForceClose();
-    });
-
-    expect(onClose).toHaveBeenCalledTimes(1);
-
-    await waitFor(() => {
-      expect(flushNameUpdate).toHaveBeenCalledTimes(1);
-      expect(persistTaskDescription).toHaveBeenCalledTimes(1);
-    });
-  });
-
-  it('allows retrying close after a transient persistence failure', async () => {
-    const onClose = vi.fn();
-    const onCloseBlocked = vi.fn();
-    const persistTaskDescription = vi
-      .fn()
-      .mockResolvedValueOnce(false)
-      .mockResolvedValueOnce(true);
-
-    const { result } = renderHook(() =>
-      useTaskDialogClose({
-        taskId: 'task-1',
-        isCreateMode: false,
-        collaborationMode: false,
-        synced: true,
-        connected: true,
-        draftStorageKey: 'draft-key',
-        onClose,
-        flushNameUpdate: vi.fn().mockResolvedValue(undefined),
-        persistTaskDescription,
-        onCloseBlocked,
-        setShowSyncWarning: vi.fn(),
-      })
-    );
-
-    await act(async () => {
-      await result.current.handleClose();
-    });
-
-    expect(onClose).not.toHaveBeenCalled();
-    expect(onCloseBlocked).toHaveBeenCalledTimes(1);
-
-    await act(async () => {
-      await result.current.handleClose();
-    });
-
-    expect(onClose).toHaveBeenCalledTimes(1);
-    expect(persistTaskDescription).toHaveBeenCalledTimes(2);
-  });
-});

package/src/components/ui/tu-do/shared/task-edit-dialog/hooks/__tests__/use-task-dialog-keyboard-shortcuts.test.ts

@@ -1,140 +0,0 @@
-import { act, renderHook } from '@testing-library/react';
-import type { Editor } from '@tiptap/react';
-import { describe, expect, it, vi } from 'vitest';
-import type { MentionOption } from '../../../mention-system/types';
-import type { SlashCommandDefinition } from '../../../slash-commands/definitions';
-import {
-  type UseTaskDialogKeyboardShortcutsProps,
-  useTaskDialogKeyboardShortcuts,
-} from '../use-task-dialog-keyboard-shortcuts';
-
-function makeEditorInstance(dom: HTMLElement) {
-  return {
-    view: {
-      dom,
-    },
-  } as unknown as Editor;
-}
-
-function makeSlashCommand(): SlashCommandDefinition {
-  return {
-    id: 'toggle-advanced',
-    label: 'Advanced',
-    icon: (() => null) as unknown as SlashCommandDefinition['icon'],
-    keywords: ['advanced'],
-  };
-}
-
-function makeMentionOption(): MentionOption {
-  return {
-    id: 'user-1',
-    label: 'User One',
-    type: 'user',
-  };
-}
-
-function makeProps(
-  overrides: Partial<UseTaskDialogKeyboardShortcutsProps> = {}
-): UseTaskDialogKeyboardShortcutsProps {
-  const editorDom = document.createElement('div');
-
-  return {
-    isOpen: true,
-    canSave: true,
-    isCreateMode: false,
-    collaborationMode: true,
-    editorInstance: makeEditorInstance(editorDom),
-    boardConfig: null,
-    slashState: { open: false },
-    filteredSlashCommands: [],
-    slashHighlightIndex: 0,
-    setSlashHighlightIndex: vi.fn(),
-    mentionState: { open: false },
-    filteredMentionOptions: [],
-    mentionHighlightIndex: 0,
-    setMentionHighlightIndex: vi.fn(),
-    showCustomDatePicker: false,
-    setShowCustomDatePicker: vi.fn(),
-    setCustomDate: vi.fn(),
-    handleSaveRef: { current: vi.fn() },
-    handleCloseRef: { current: vi.fn() },
-    hasUnsavedChangesRef: { current: true },
-    quickDueRef: { current: vi.fn() },
-    updateEstimationRef: { current: vi.fn() },
-    setPriority: vi.fn(),
-    setShowAdvancedOptions: vi.fn(),
-    executeSlashCommand: vi.fn(),
-    insertMentionOption: vi.fn(),
-    closeSlashMenu: vi.fn(),
-    closeMentionMenu: vi.fn(),
-    ...overrides,
-  };
-}
-
-function dispatchEditorKeydown(
-  editorInstance: Editor | null,
-  key: string,
-  init: KeyboardEventInit = {}
-) {
-  const event = new KeyboardEvent('keydown', {
-    key,
-    bubbles: true,
-    cancelable: true,
-    ...init,
-  });
-  const dom = editorInstance?.view.dom as HTMLElement;
-
-  act(() => {
-    dom.dispatchEvent(event);
-  });
-
-  return event;
-}
-
-describe('useTaskDialogKeyboardShortcuts', () => {
-  it('does not consume plain Enter when no slash or mention item is selectable', () => {
-    const props = makeProps({
-      slashState: { open: true },
-      mentionState: { open: false },
-      filteredSlashCommands: [],
-    });
-
-    renderHook(() => useTaskDialogKeyboardShortcuts(props));
-
-    const event = dispatchEditorKeydown(props.editorInstance, 'Enter');
-
-    expect(event.defaultPrevented).toBe(false);
-    expect(props.executeSlashCommand).not.toHaveBeenCalled();
-    expect(props.insertMentionOption).not.toHaveBeenCalled();
-  });
-
-  it('executes a highlighted slash command on Enter', () => {
-    const command = makeSlashCommand();
-    const props = makeProps({
-      slashState: { open: true },
-      filteredSlashCommands: [command],
-    });
-
-    renderHook(() => useTaskDialogKeyboardShortcuts(props));
-
-    const event = dispatchEditorKeydown(props.editorInstance, 'Enter');
-
-    expect(event.defaultPrevented).toBe(true);
-    expect(props.executeSlashCommand).toHaveBeenCalledWith(command);
-  });
-
-  it('executes a highlighted mention option on Enter', () => {
-    const option = makeMentionOption();
-    const props = makeProps({
-      mentionState: { open: true },
-      filteredMentionOptions: [option],
-    });
-
-    renderHook(() => useTaskDialogKeyboardShortcuts(props));
-
-    const event = dispatchEditorKeydown(props.editorInstance, 'Enter');
-
-    expect(event.defaultPrevented).toBe(true);
-    expect(props.insertMentionOption).toHaveBeenCalledWith(option);
-  });
-});

package/src/components/ui/tu-do/shared/task-edit-dialog/hooks/__tests__/use-task-mutations.test.tsx

@@ -1,231 +0,0 @@
-import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
-import { act, renderHook } from '@testing-library/react';
-import type { Task } from '@tuturuuu/types/primitives/Task';
-import type { ReactNode } from 'react';
-import { afterEach, beforeEach, describe, expect, it, vi } from 'vitest';
-import { updateWorkspaceTask } from '../task-api';
-import {
-  type UseTaskMutationsProps,
-  useTaskMutations,
-} from '../use-task-mutations';
-
-vi.mock('../task-api', () => ({
-  updateWorkspaceTask: vi.fn(),
-}));
-
-vi.mock('@tuturuuu/ui/hooks/use-toast', () => ({
-  useToast: () => ({ toast: vi.fn() }),
-}));
-
-describe('useTaskMutations', () => {
-  let queryClient: QueryClient;
-
-  const wrapper = ({ children }: { children: ReactNode }) => (
-    <QueryClientProvider client={queryClient}>{children}</QueryClientProvider>
-  );
-
-  const personalOverlayTask = {
-    id: 'task-1',
-    name: 'Overlay task',
-    description: '',
-    display_number: 1,
-    created_at: '2026-07-07T00:00:00.000Z',
-    list_id: 'personal-list',
-    personal_board_id: 'personal-board',
-    personal_list_id: 'personal-list',
-    personal_sort_key: 1234,
-    sort_key: 1234,
-    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: 'normal',
-    estimation_points: 3,
-    end_date: null,
-    labels: [],
-    assignees: [],
-    projects: [],
-  } satisfies Task;
-
-  const sourceTask = {
-    ...personalOverlayTask,
-    list_id: 'source-list',
-    personal_board_id: null,
-    personal_list_id: null,
-    personal_sort_key: null,
-    is_personal_external: false,
-  } satisfies Task;
-
-  function makeProps(
-    overrides: Partial<UseTaskMutationsProps> = {}
-  ): UseTaskMutationsProps {
-    return {
-      wsId: 'source-ws',
-      taskId: 'task-1',
-      isCreateMode: false,
-      boardId: 'source-board',
-      visibleBoardId: 'personal-board',
-      visibleTaskSnapshot: personalOverlayTask,
-      estimationPoints: 3,
-      priority: 'normal',
-      selectedListId: 'source-list',
-      taskName: 'Overlay task',
-      setEstimationPoints: vi.fn(),
-      setPriority: vi.fn(),
-      setStartDate: vi.fn(),
-      setEndDate: vi.fn(),
-      setSelectedListId: vi.fn(),
-      fallbackBroadcast: null,
-      onUpdate: vi.fn(),
-      ...overrides,
-    };
-  }
-
-  function getPersonalOverlayCacheTask() {
-    return queryClient.getQueryData<Task[]>(['tasks', 'personal-board'])?.[0] as
-      | (Task & { _localMutationAt?: number })
-      | undefined;
-  }
-
-  beforeEach(() => {
-    queryClient = new QueryClient({
-      defaultOptions: {
-        queries: { retry: false },
-        mutations: { retry: false },
-      },
-    });
-    queryClient.setQueryData(
-      ['tasks', 'personal-board'],
-      [personalOverlayTask]
-    );
-    vi.mocked(updateWorkspaceTask).mockReset();
-  });
-
-  afterEach(() => {
-    queryClient.clear();
-    vi.restoreAllMocks();
-  });
-
-  it('keeps a personal external card in the personal board cache when priority changes', async () => {
-    const onUpdate = vi.fn();
-    vi.mocked(updateWorkspaceTask).mockResolvedValueOnce({
-      task: {
-        ...sourceTask,
-        priority: 'high',
-        list_id: 'source-list',
-      },
-    });
-
-    const { result } = renderHook(
-      () => useTaskMutations(makeProps({ onUpdate })),
-      { wrapper }
-    );
-
-    await act(async () => {
-      await result.current.updatePriority('high');
-    });
-
-    expect(updateWorkspaceTask).toHaveBeenCalledWith('source-ws', 'task-1', {
-      priority: 'high',
-    });
-    expect(onUpdate).not.toHaveBeenCalled();
-    expect(getPersonalOverlayCacheTask()).toMatchObject({
-      id: 'task-1',
-      priority: 'high',
-      list_id: 'personal-list',
-      personal_board_id: 'personal-board',
-      personal_list_id: 'personal-list',
-      personal_sort_key: 1234,
-      source_board_id: 'source-board',
-      source_list_id: 'source-list',
-      _localMutationAt: expect.any(Number),
-    });
-  });
-
-  it('preserves personal placement while updating date, estimate, and name fields', async () => {
-    const startIso = '2026-07-08T00:00:00.000Z';
-    const endIso = '2026-07-09T00:00:00.000Z';
-    const onUpdate = vi.fn();
-
-    vi.mocked(updateWorkspaceTask)
-      .mockResolvedValueOnce({
-        task: { ...sourceTask, start_date: startIso, list_id: 'source-list' },
-      })
-      .mockResolvedValueOnce({
-        task: { ...sourceTask, end_date: endIso, list_id: 'source-list' },
-      })
-      .mockResolvedValueOnce({
-        task: {
-          ...sourceTask,
-          estimation_points: 8,
-          list_id: 'source-list',
-        },
-      })
-      .mockResolvedValueOnce({
-        task: { ...sourceTask, name: 'Renamed task', list_id: 'source-list' },
-      });
-
-    const { result } = renderHook(
-      () => useTaskMutations(makeProps({ onUpdate })),
-      { wrapper }
-    );
-
-    await act(async () => {
-      await result.current.updateStartDate(new Date(startIso));
-      await result.current.updateEndDate(new Date(endIso));
-      await result.current.updateEstimation(8);
-      await result.current.saveNameToDatabase('Renamed task');
-    });
-
-    expect(onUpdate).not.toHaveBeenCalled();
-    expect(getPersonalOverlayCacheTask()).toMatchObject({
-      id: 'task-1',
-      name: 'Renamed task',
-      list_id: 'personal-list',
-      personal_list_id: 'personal-list',
-      start_date: startIso,
-      end_date: endIso,
-      estimation_points: 8,
-      _localMutationAt: expect.any(Number),
-    });
-  });
-
-  it('keeps normal source-board property refresh behavior unchanged', async () => {
-    const onUpdate = vi.fn();
-    queryClient.setQueryData(['tasks', 'source-board'], [sourceTask]);
-    vi.mocked(updateWorkspaceTask).mockResolvedValueOnce({
-      task: { ...sourceTask, priority: 'high' },
-    });
-
-    const { result } = renderHook(
-      () =>
-        useTaskMutations(
-          makeProps({
-            onUpdate,
-            visibleBoardId: undefined,
-            visibleTaskSnapshot: undefined,
-          })
-        ),
-      { wrapper }
-    );
-
-    await act(async () => {
-      await result.current.updatePriority('high');
-    });
-
-    const sourceCacheTask = queryClient.getQueryData<Task[]>([
-      'tasks',
-      'source-board',
-    ])?.[0] as (Task & { _localMutationAt?: number }) | undefined;
-
-    expect(onUpdate).toHaveBeenCalledTimes(1);
-    expect(sourceCacheTask).toMatchObject({
-      id: 'task-1',
-      priority: 'high',
-      list_id: 'source-list',
-    });
-    expect(sourceCacheTask?._localMutationAt).toBeUndefined();
-  });
-});