@tuturuuu/ui 0.17.0 → 0.18.0

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

@@ -1,286 +0,0 @@
-import '@testing-library/jest-dom';
-import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
-import { fireEvent, render, screen, waitFor } from '@testing-library/react';
-import { beforeEach, describe, expect, it, vi } from 'vitest';
-import { BoardShareDialog } from '../board-share-dialog';
-
-const createWorkspaceTaskBoardShareMock = vi.fn();
-const deleteWorkspaceTaskBoardShareMock = vi.fn();
-const disableWorkspaceTaskBoardPublicLinkMock = vi.fn();
-const enableWorkspaceTaskBoardPublicLinkMock = vi.fn();
-const getWorkspaceTaskBoardPublicLinkMock = vi.fn();
-const listWorkspaceTaskBoardSharesMock = vi.fn();
-const listWorkspaceTaskBoardViewableMembersMock = vi.fn();
-const updateWorkspaceTaskBoardShareMock = vi.fn();
-
-vi.mock('next-intl', () => ({
-  useLocale: () => 'en',
-  useTranslations: () => (key: string) => key,
-}));
-
-vi.mock('@tuturuuu/ui/custom/combobox', () => ({
-  Combobox: ({
-    disabled,
-    onChange,
-    options,
-    placeholder,
-    selected,
-  }: {
-    disabled?: boolean;
-    onChange?: (value: string) => void;
-    options: { label: string; value: string }[];
-    placeholder?: string;
-    selected: string;
-  }) => (
-    <select
-      aria-label={placeholder}
-      disabled={disabled}
-      value={selected}
-      onChange={(event) => onChange?.(event.target.value)}
-    >
-      {options.map((option) => (
-        <option key={option.value} value={option.value}>
-          {option.label}
-        </option>
-      ))}
-    </select>
-  ),
-}));
-
-vi.mock('@tuturuuu/internal-api/tasks', () => ({
-  createWorkspaceTaskBoardShare: (
-    ...args: Parameters<typeof createWorkspaceTaskBoardShareMock>
-  ) => createWorkspaceTaskBoardShareMock(...args),
-  deleteWorkspaceTaskBoardShare: (
-    ...args: Parameters<typeof deleteWorkspaceTaskBoardShareMock>
-  ) => deleteWorkspaceTaskBoardShareMock(...args),
-  disableWorkspaceTaskBoardPublicLink: (
-    ...args: Parameters<typeof disableWorkspaceTaskBoardPublicLinkMock>
-  ) => disableWorkspaceTaskBoardPublicLinkMock(...args),
-  enableWorkspaceTaskBoardPublicLink: (
-    ...args: Parameters<typeof enableWorkspaceTaskBoardPublicLinkMock>
-  ) => enableWorkspaceTaskBoardPublicLinkMock(...args),
-  getWorkspaceTaskBoardPublicLink: (
-    ...args: Parameters<typeof getWorkspaceTaskBoardPublicLinkMock>
-  ) => getWorkspaceTaskBoardPublicLinkMock(...args),
-  listWorkspaceTaskBoardShares: (
-    ...args: Parameters<typeof listWorkspaceTaskBoardSharesMock>
-  ) => listWorkspaceTaskBoardSharesMock(...args),
-  listWorkspaceTaskBoardViewableMembers: (
-    ...args: Parameters<typeof listWorkspaceTaskBoardViewableMembersMock>
-  ) => listWorkspaceTaskBoardViewableMembersMock(...args),
-  updateWorkspaceTaskBoardShare: (
-    ...args: Parameters<typeof updateWorkspaceTaskBoardShareMock>
-  ) => updateWorkspaceTaskBoardShareMock(...args),
-}));
-
-vi.mock('sonner', () => ({
-  toast: {
-    error: vi.fn(),
-    success: vi.fn(),
-  },
-}));
-
-function renderBoardShareDialog() {
-  const queryClient = new QueryClient({
-    defaultOptions: {
-      queries: {
-        retry: false,
-      },
-    },
-  });
-
-  return render(
-    <QueryClientProvider client={queryClient}>
-      <BoardShareDialog
-        board={{ id: 'board-1', name: 'Tasks' }}
-        onOpenChange={vi.fn()}
-        open
-        wsId="ws-1"
-      />
-    </QueryClientProvider>
-  );
-}
-
-describe('BoardShareDialog', () => {
-  beforeEach(() => {
-    vi.clearAllMocks();
-    getWorkspaceTaskBoardPublicLinkMock.mockResolvedValue({ publicLink: null });
-    enableWorkspaceTaskBoardPublicLinkMock.mockResolvedValue({
-      publicLink: { code: 'abc123' },
-    });
-    disableWorkspaceTaskBoardPublicLinkMock.mockResolvedValue({
-      publicLink: null,
-    });
-    createWorkspaceTaskBoardShareMock.mockResolvedValue({ share: null });
-    updateWorkspaceTaskBoardShareMock.mockResolvedValue({ share: null });
-    deleteWorkspaceTaskBoardShareMock.mockResolvedValue({ ok: true });
-    listWorkspaceTaskBoardSharesMock.mockResolvedValue({ shares: [] });
-    listWorkspaceTaskBoardViewableMembersMock.mockResolvedValue({
-      members: [
-        {
-          avatar_url: null,
-          display_name: 'Project Manager',
-          email: 'pm@example.com',
-          handle: null,
-          id: 'user-1',
-          is_creator: false,
-          roles: [{ id: 'role-1', name: 'Project manager' }],
-          user_id: 'user-1',
-          workspace_member_type: 'MEMBER',
-        },
-      ],
-    });
-  });
-
-  it('starts compact with all sections collapsed and tooltip copy hidden', async () => {
-    renderBoardShareDialog();
-
-    for (const title of [
-      'ws-task-boards.share.public.title',
-      'ws-task-boards.share.workspace_members.title',
-      'ws-task-boards.share.guests.title',
-    ]) {
-      expect(
-        screen.getByRole('button', { name: new RegExp(title) })
-      ).toHaveAttribute('aria-expanded', 'false');
-    }
-
-    expect(
-      screen.queryByText('ws-task-boards.share.public.description')
-    ).not.toBeInTheDocument();
-    expect(
-      screen.queryByText('ws-task-boards.share.public.tooltip')
-    ).not.toBeInTheDocument();
-    expect(
-      screen.queryByText('ws-task-boards.share.workspace_members.description')
-    ).not.toBeInTheDocument();
-    expect(
-      screen.queryByText('ws-task-boards.share.guests.description')
-    ).not.toBeInTheDocument();
-    await waitFor(() => {
-      expect(getWorkspaceTaskBoardPublicLinkMock).toHaveBeenCalledWith(
-        'ws-1',
-        'board-1'
-      );
-    });
-    expect(listWorkspaceTaskBoardViewableMembersMock).not.toHaveBeenCalled();
-
-    expect(await screen.findByText('common.disabled')).toBeInTheDocument();
-    expect(screen.getByText('common.workspace')).toBeInTheDocument();
-    expect(screen.getByText('common.none')).toBeInTheDocument();
-    expect(
-      screen.queryByRole('button', {
-        name: /ws-task-boards.share.shared_with/,
-      })
-    ).not.toBeInTheDocument();
-  });
-
-  it('fetches viewable members only when the workspace section opens', async () => {
-    renderBoardShareDialog();
-
-    fireEvent.click(
-      screen.getByRole('button', {
-        name: /ws-task-boards.share.workspace_members.title/,
-      })
-    );
-
-    await waitFor(() => {
-      expect(listWorkspaceTaskBoardViewableMembersMock).toHaveBeenCalledWith(
-        'ws-1',
-        'board-1'
-      );
-    });
-    expect(await screen.findByText('Project Manager')).toBeInTheDocument();
-    expect(screen.getByText('pm@example.com')).toBeInTheDocument();
-  });
-
-  it('does not crash when viewable members payload is missing members', async () => {
-    listWorkspaceTaskBoardViewableMembersMock.mockResolvedValue({});
-
-    renderBoardShareDialog();
-
-    fireEvent.click(
-      screen.getByRole('button', {
-        name: /ws-task-boards.share.workspace_members.title/,
-      })
-    );
-
-    expect(
-      await screen.findByText('ws-task-boards.share.workspace_members.empty')
-    ).toBeInTheDocument();
-  });
-
-  it('keeps direct board guests first-class for invite, update, and remove', async () => {
-    listWorkspaceTaskBoardSharesMock.mockResolvedValue({
-      shares: [
-        {
-          id: 'share-1',
-          email: 'guest@example.com',
-          permission: 'view',
-          user: null,
-          user_id: null,
-        },
-      ],
-    });
-
-    renderBoardShareDialog();
-    await waitFor(() => {
-      expect(listWorkspaceTaskBoardSharesMock).toHaveBeenCalledWith(
-        'ws-1',
-        'board-1'
-      );
-    });
-    await waitFor(() => {
-      expect(
-        screen.getByRole('button', {
-          name: /ws-task-boards.share.guests.title/,
-        })
-      ).toHaveTextContent('1');
-    });
-
-    fireEvent.click(
-      screen.getByRole('button', {
-        name: /ws-task-boards.share.guests.title/,
-      })
-    );
-    fireEvent.change(
-      screen.getByPlaceholderText('ws-task-boards.share.email_placeholder'),
-      {
-        target: { value: 'new@example.com' },
-      }
-    );
-    fireEvent.click(screen.getByText('common.share'));
-
-    await waitFor(() => {
-      expect(createWorkspaceTaskBoardShareMock).toHaveBeenCalledWith(
-        'ws-1',
-        'board-1',
-        { email: 'new@example.com', permission: 'view' }
-      );
-    });
-
-    expect(await screen.findAllByText('guest@example.com')).toHaveLength(2);
-
-    fireEvent.change(
-      screen.getAllByLabelText('ws-task-boards.share.permission.view').at(-1)!,
-      { target: { value: 'edit' } }
-    );
-    await waitFor(() => {
-      expect(updateWorkspaceTaskBoardShareMock).toHaveBeenCalledWith(
-        'ws-1',
-        'board-1',
-        { shareId: 'share-1', permission: 'edit' }
-      );
-    });
-
-    fireEvent.click(screen.getByLabelText('common.remove'));
-    await waitFor(() => {
-      expect(deleteWorkspaceTaskBoardShareMock).toHaveBeenCalledWith(
-        'ws-1',
-        'board-1',
-        'share-1'
-      );
-    });
-  });
-});

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

@@ -1,52 +0,0 @@
-/**
- * @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

@@ -1,142 +0,0 @@
-/**
- * @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('uses the surface background for the board name input', () => {
-    render(
-      <QueryClientProvider client={queryClient}>
-        <TaskBoardForm wsId="ws-1" onFinish={vi.fn()} />
-      </QueryClientProvider>
-    );
-
-    expect(screen.getByLabelText('ws-task-boards.name')).toHaveClass(
-      'bg-background'
-    );
-  });
-
-  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

@@ -1,169 +0,0 @@
-/**
- * @vitest-environment jsdom
- */
-
-import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
-import { render, screen, waitFor } 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();
-  });
-
-  it('does not fetch board data for members without manage_projects', async () => {
-    mocks.checkWorkspacePermission.mockResolvedValue({
-      hasPermission: false,
-    });
-
-    const queryClient = new QueryClient({
-      defaultOptions: {
-        queries: { retry: false },
-        mutations: { retry: false },
-      },
-    });
-
-    render(
-      <QueryClientProvider client={queryClient}>
-        <WorkspaceProjectsClientPage />
-      </QueryClientProvider>
-    );
-
-    await waitFor(() => {
-      expect(mocks.replace).toHaveBeenCalledWith('/personal');
-    });
-    expect(mocks.getWorkspaceBoardsData).not.toHaveBeenCalled();
-  });
-
-  it('allows task-board guests to fetch their shared boards', async () => {
-    mocks.getWorkspace.mockResolvedValue({
-      access_type: 'guest',
-      guest_products: ['tasks'],
-      id: 'guest-ws',
-      personal: false,
-    });
-    mocks.checkWorkspacePermission.mockResolvedValue({
-      hasPermission: false,
-    });
-    mocks.getWorkspaceBoardsData.mockResolvedValue({
-      access_type: 'guest',
-      count: 1,
-      data: [
-        {
-          archived_at: null,
-          deleted_at: null,
-          id: 'board-1',
-          name: 'Shared Tasks',
-        },
-      ],
-    });
-
-    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.getWorkspaceBoardsData).toHaveBeenCalledWith('guest-ws', {
-      page: 1,
-      pageSize: 10,
-      q: '',
-    });
-    expect(mocks.replace).not.toHaveBeenCalled();
-  });
-});