@tuturuuu/ui 0.17.0 → 0.18.0

package/src/hooks/__tests__/useBoardRealtime.test.tsx

@@ -1,1036 +0,0 @@
-/**
- * @vitest-environment jsdom
- */
-
-import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
-import { act, renderHook } from '@testing-library/react';
-import { createClient } from '@tuturuuu/supabase/next/client';
-import type { Task } from '@tuturuuu/types/primitives/Task';
-import type { TaskList } from '@tuturuuu/types/primitives/TaskList';
-import type { ReactNode } from 'react';
-import { afterEach, beforeEach, describe, expect, it, vi } from 'vitest';
-import { useBoardRealtime } from '../useBoardRealtime';
-
-type BroadcastMessage = { payload: Record<string, unknown> };
-type BroadcastListener = (msg: BroadcastMessage) => void;
-
-type MockSupabaseClient = {
-  channel: ReturnType<typeof vi.fn>;
-  removeChannel: ReturnType<typeof vi.fn>;
-  from: ReturnType<typeof vi.fn>;
-};
-
-type MockCreateClientFn = {
-  (): MockSupabaseClient;
-  mockReturnValue: (value: MockSupabaseClient) => void;
-};
-
-class MockBroadcastChannel {
-  static instances: MockBroadcastChannel[] = [];
-
-  close = vi.fn();
-  name: string;
-  onmessage: ((event: MessageEvent) => void) | null = null;
-  postMessage = vi.fn((data: unknown) => {
-    for (const instance of MockBroadcastChannel.instances) {
-      if (instance !== this && instance.name === this.name) {
-        instance.dispatch(data);
-      }
-    }
-  });
-
-  constructor(name: string) {
-    this.name = name;
-    MockBroadcastChannel.instances.push(this);
-  }
-
-  dispatch(data: unknown) {
-    this.onmessage?.({ data } as MessageEvent);
-  }
-}
-
-const { toastMock } = vi.hoisted(() => ({
-  toastMock: vi.fn(),
-}));
-
-// Mock Supabase client
-vi.mock('@tuturuuu/supabase/next/client', () => ({
-  createClient: vi.fn(),
-}));
-
-// Mock DEV_MODE constant
-vi.mock('@tuturuuu/utils/constants', () => ({
-  DEV_MODE: false,
-}));
-
-vi.mock('../use-toast', () => ({
-  toast: toastMock,
-}));
-
-vi.mock('next-intl', () => ({
-  useTranslations: () => (key: string) => key,
-}));
-
-describe('useBoardRealtime', () => {
-  let queryClient: QueryClient;
-  let mockChannel: {
-    on: ReturnType<typeof vi.fn>;
-    subscribe: ReturnType<typeof vi.fn>;
-    send: ReturnType<typeof vi.fn>;
-  };
-  let mockFrom: ReturnType<typeof vi.fn>;
-  let mockRemoveChannel: ReturnType<typeof vi.fn>;
-  let broadcastListeners: Map<string, BroadcastListener>;
-  let subscribeCallback: ((status: string, err?: unknown) => void) | undefined;
-
-  const mockTask: Task = {
-    id: 'task-1',
-    name: 'Test Task',
-    list_id: 'list-1',
-    created_at: '2025-01-01',
-  } as Task;
-
-  const mockTaskWithRelations: Task = {
-    ...mockTask,
-    assignees: [],
-    labels: [],
-    projects: [],
-  } as Task;
-
-  const mockList: TaskList = {
-    id: 'list-1',
-    name: 'Test List',
-    board_id: 'board-1',
-    created_at: '2025-01-01',
-  } as TaskList;
-
-  const wrapper = ({ children }: { children: ReactNode }) => (
-    <QueryClientProvider client={queryClient}>{children}</QueryClientProvider>
-  );
-
-  beforeEach(async () => {
-    vi.useFakeTimers();
-    MockBroadcastChannel.instances = [];
-    vi.stubGlobal('BroadcastChannel', MockBroadcastChannel);
-
-    queryClient = new QueryClient({
-      defaultOptions: {
-        queries: { retry: false },
-        mutations: { retry: false },
-      },
-    });
-
-    broadcastListeners = new Map();
-
-    mockChannel = {
-      on: vi.fn(
-        (
-          type: string,
-          config: { event?: string },
-          callback: BroadcastListener
-        ) => {
-          if (type === 'broadcast' && config.event) {
-            broadcastListeners.set(config.event, callback);
-          }
-          return mockChannel;
-        }
-      ),
-      subscribe: vi.fn((callback?: (status: string, err?: unknown) => void) => {
-        subscribeCallback = callback;
-        return mockChannel;
-      }),
-      send: vi.fn(),
-    };
-
-    mockRemoveChannel = vi.fn();
-    mockFrom = vi.fn();
-
-    const mockCreateClient = createClient as unknown as MockCreateClientFn;
-
-    mockCreateClient.mockReturnValue({
-      channel: vi.fn(() => mockChannel),
-      removeChannel: mockRemoveChannel,
-      from: mockFrom,
-    });
-
-    vi.clearAllMocks();
-    subscribeCallback = undefined;
-  });
-
-  afterEach(() => {
-    vi.useRealTimers();
-    vi.unstubAllGlobals();
-  });
-
-  describe('initialization and cleanup', () => {
-    it('should subscribe to channel on mount', () => {
-      renderHook(() => useBoardRealtime('board-1', { enabled: true }), {
-        wrapper,
-      });
-
-      expect(mockChannel.subscribe).toHaveBeenCalledTimes(1);
-    });
-
-    it('should create a private channel with self: false config', () => {
-      renderHook(() => useBoardRealtime('board-1', { enabled: true }), {
-        wrapper,
-      });
-
-      const supabaseInstance = (
-        createClient as unknown as MockCreateClientFn
-      )();
-      expect(supabaseInstance.channel).toHaveBeenCalledWith(
-        'board-realtime-board-1',
-        { config: { broadcast: { self: false }, private: true } }
-      );
-    });
-
-    it('should remove channel after deferred cleanup timeout on unmount', () => {
-      const { unmount } = renderHook(
-        () => useBoardRealtime('board-1', { enabled: true }),
-        { wrapper }
-      );
-
-      unmount();
-
-      // removeChannel is deferred — not called immediately
-      expect(mockRemoveChannel).not.toHaveBeenCalled();
-
-      // After 100ms deferred timeout, channel is cleaned up
-      act(() => {
-        vi.advanceTimersByTime(100);
-      });
-
-      expect(mockRemoveChannel).toHaveBeenCalledWith(mockChannel);
-    });
-
-    it('should not call removeChannel before deferred timeout elapses', () => {
-      const { unmount } = renderHook(
-        () => useBoardRealtime('board-1', { enabled: true }),
-        { wrapper }
-      );
-
-      unmount();
-
-      // Advance only 50ms — before the 100ms deferred timeout
-      act(() => {
-        vi.advanceTimersByTime(50);
-      });
-
-      expect(mockRemoveChannel).not.toHaveBeenCalled();
-
-      // Now advance past the timeout
-      act(() => {
-        vi.advanceTimersByTime(50);
-      });
-
-      expect(mockRemoveChannel).toHaveBeenCalledWith(mockChannel);
-    });
-
-    it('should not subscribe when enabled is false', () => {
-      renderHook(() => useBoardRealtime('board-1', { enabled: false }), {
-        wrapper,
-      });
-
-      expect(mockChannel.subscribe).not.toHaveBeenCalled();
-    });
-
-    it('should not subscribe when boardId is empty', () => {
-      renderHook(() => useBoardRealtime('', { enabled: true }), {
-        wrapper,
-      });
-
-      expect(mockChannel.subscribe).not.toHaveBeenCalled();
-    });
-
-    it('shows a destructive toast when the realtime channel errors', () => {
-      renderHook(() => useBoardRealtime('board-1', { enabled: true }), {
-        wrapper,
-      });
-
-      act(() => {
-        subscribeCallback?.('CHANNEL_ERROR');
-      });
-
-      expect(toastMock).toHaveBeenCalledWith({
-        description: 'realtime_connection_issue_description',
-        title: 'realtime_connection_issue_title',
-        variant: 'destructive',
-      });
-    });
-  });
-
-  describe('broadcast listener registration', () => {
-    it('should register listeners for all 6 broadcast event types', () => {
-      renderHook(() => useBoardRealtime('board-1', { enabled: true }), {
-        wrapper,
-      });
-
-      const events = [
-        'task:upsert',
-        'task:delete',
-        'list:upsert',
-        'list:delete',
-        'task:relations-changed',
-        'task:deps-changed',
-      ];
-      for (const event of events) {
-        expect(mockChannel.on).toHaveBeenCalledWith(
-          'broadcast',
-          { event },
-          expect.any(Function)
-        );
-      }
-    });
-  });
-
-  describe('task:upsert event', () => {
-    it('should add new task to cache when task does not exist', async () => {
-      queryClient.setQueryData(['tasks', 'board-1'], []);
-
-      renderHook(() => useBoardRealtime('board-1', { enabled: true }), {
-        wrapper,
-      });
-
-      const listener = broadcastListeners.get('task:upsert')!;
-
-      await act(async () => {
-        listener({ payload: { task: mockTask } });
-      });
-
-      const cachedTasks = queryClient.getQueryData<Task[]>([
-        'tasks',
-        'board-1',
-      ]);
-      expect(cachedTasks).toHaveLength(1);
-      expect(cachedTasks?.[0]).toEqual(
-        expect.objectContaining({
-          id: 'task-1',
-          name: 'Test Task',
-          assignees: [],
-          labels: [],
-          projects: [],
-        })
-      );
-    });
-
-    it('should update existing task in cache', async () => {
-      queryClient.setQueryData(
-        ['tasks', 'board-1'],
-        [{ ...mockTaskWithRelations, name: 'Original Name' }]
-      );
-
-      renderHook(() => useBoardRealtime('board-1', { enabled: true }), {
-        wrapper,
-      });
-
-      const listener = broadcastListeners.get('task:upsert')!;
-
-      await act(async () => {
-        listener({ payload: { task: { id: 'task-1', name: 'Updated Name' } } });
-      });
-
-      const cachedTasks = queryClient.getQueryData<Task[]>([
-        'tasks',
-        'board-1',
-      ]);
-      expect(cachedTasks?.[0]?.name).toBe('Updated Name');
-      // Preserve existing relations
-      expect(cachedTasks?.[0]?.assignees).toEqual([]);
-    });
-
-    it('should update the full task cache when it exists', async () => {
-      queryClient.setQueryData(
-        ['tasks', 'board-1'],
-        [{ ...mockTaskWithRelations, name: 'Original Name' }]
-      );
-      queryClient.setQueryData(
-        ['tasks-full', 'board-1'],
-        [{ ...mockTaskWithRelations, name: 'Original Name' }]
-      );
-
-      renderHook(() => useBoardRealtime('board-1', { enabled: true }), {
-        wrapper,
-      });
-
-      const listener = broadcastListeners.get('task:upsert')!;
-
-      await act(async () => {
-        listener({
-          payload: { task: { id: 'task-1', name: 'Updated Name' } },
-        });
-      });
-
-      expect(
-        queryClient.getQueryData<Task[]>(['tasks', 'board-1'])?.[0]?.name
-      ).toBe('Updated Name');
-      expect(
-        queryClient.getQueryData<Task[]>(['tasks-full', 'board-1'])?.[0]?.name
-      ).toBe('Updated Name');
-    });
-
-    it('should not duplicate task if already exists in cache', async () => {
-      queryClient.setQueryData(['tasks', 'board-1'], [mockTaskWithRelations]);
-
-      renderHook(() => useBoardRealtime('board-1', { enabled: true }), {
-        wrapper,
-      });
-
-      const listener = broadcastListeners.get('task:upsert')!;
-
-      await act(async () => {
-        listener({ payload: { task: mockTask } });
-      });
-
-      const cachedTasks = queryClient.getQueryData<Task[]>([
-        'tasks',
-        'board-1',
-      ]);
-      expect(cachedTasks).toHaveLength(1);
-    });
-
-    it('should preserve relation payload on new task inserts', async () => {
-      queryClient.setQueryData(['tasks', 'board-1'], []);
-
-      renderHook(() => useBoardRealtime('board-1', { enabled: true }), {
-        wrapper,
-      });
-
-      const listener = broadcastListeners.get('task:upsert')!;
-      const taskWithRelations: Partial<Task> & { id: string } = {
-        id: 'task-2',
-        name: 'Task With Relations',
-        list_id: 'list-1',
-        assignees: [
-          { id: 'user-1', display_name: 'User 1', avatar_url: undefined },
-        ],
-        labels: [
-          {
-            id: 'label-1',
-            name: 'Bug',
-            color: 'red',
-            created_at: '2025-01-01',
-          },
-        ],
-        projects: [{ id: 'project-1', name: 'Project 1', status: 'active' }],
-      };
-
-      await act(async () => {
-        listener({ payload: { task: taskWithRelations } });
-      });
-
-      const cachedTasks = queryClient.getQueryData<Task[]>([
-        'tasks',
-        'board-1',
-      ]);
-      const inserted = cachedTasks?.find((task) => task.id === 'task-2');
-
-      expect(inserted?.assignees).toHaveLength(1);
-      expect(inserted?.labels).toHaveLength(1);
-      expect(inserted?.projects).toHaveLength(1);
-    });
-
-    it('should call onTaskChange with INSERT for new tasks', async () => {
-      queryClient.setQueryData(['tasks', 'board-1'], []);
-      const onTaskChange = vi.fn();
-
-      renderHook(
-        () => useBoardRealtime('board-1', { enabled: true, onTaskChange }),
-        { wrapper }
-      );
-
-      const listener = broadcastListeners.get('task:upsert')!;
-
-      await act(async () => {
-        listener({ payload: { task: mockTask } });
-      });
-
-      expect(onTaskChange).toHaveBeenCalledWith(
-        expect.objectContaining({ id: 'task-1' }),
-        'INSERT'
-      );
-    });
-
-    it('should call onTaskChange with UPDATE for existing tasks', async () => {
-      queryClient.setQueryData(['tasks', 'board-1'], [mockTaskWithRelations]);
-      const onTaskChange = vi.fn();
-
-      renderHook(
-        () => useBoardRealtime('board-1', { enabled: true, onTaskChange }),
-        { wrapper }
-      );
-
-      const listener = broadcastListeners.get('task:upsert')!;
-
-      await act(async () => {
-        listener({
-          payload: { task: { id: 'task-1', name: 'Updated' } },
-        });
-      });
-
-      expect(onTaskChange).toHaveBeenCalledWith(
-        expect.objectContaining({ id: 'task-1' }),
-        'UPDATE'
-      );
-    });
-
-    it('should initialize cache with task when cache is empty (undefined)', async () => {
-      // Don't set any cache data — queryClient returns undefined
-
-      renderHook(() => useBoardRealtime('board-1', { enabled: true }), {
-        wrapper,
-      });
-
-      const listener = broadcastListeners.get('task:upsert')!;
-
-      await act(async () => {
-        listener({ payload: { task: mockTask } });
-      });
-
-      const cachedTasks = queryClient.getQueryData<Task[]>([
-        'tasks',
-        'board-1',
-      ]);
-      expect(cachedTasks).toHaveLength(1);
-    });
-  });
-
-  describe('task:delete event', () => {
-    it('should remove task from cache', async () => {
-      queryClient.setQueryData(['tasks', 'board-1'], [mockTaskWithRelations]);
-
-      renderHook(() => useBoardRealtime('board-1', { enabled: true }), {
-        wrapper,
-      });
-
-      const listener = broadcastListeners.get('task:delete')!;
-
-      await act(async () => {
-        listener({ payload: { taskId: 'task-1' } });
-      });
-
-      const cachedTasks = queryClient.getQueryData<Task[]>([
-        'tasks',
-        'board-1',
-      ]);
-      expect(cachedTasks).toHaveLength(0);
-    });
-
-    it('should remove task from the full task cache when it exists', async () => {
-      queryClient.setQueryData(['tasks', 'board-1'], [mockTaskWithRelations]);
-      queryClient.setQueryData(
-        ['tasks-full', 'board-1'],
-        [mockTaskWithRelations]
-      );
-
-      renderHook(() => useBoardRealtime('board-1', { enabled: true }), {
-        wrapper,
-      });
-
-      const listener = broadcastListeners.get('task:delete')!;
-
-      await act(async () => {
-        listener({ payload: { taskId: 'task-1' } });
-      });
-
-      expect(
-        queryClient.getQueryData<Task[]>(['tasks', 'board-1'])
-      ).toHaveLength(0);
-      expect(
-        queryClient.getQueryData<Task[]>(['tasks-full', 'board-1'])
-      ).toHaveLength(0);
-    });
-
-    it('should call onTaskChange with DELETE', async () => {
-      queryClient.setQueryData(['tasks', 'board-1'], [mockTaskWithRelations]);
-      const onTaskChange = vi.fn();
-
-      renderHook(
-        () => useBoardRealtime('board-1', { enabled: true, onTaskChange }),
-        { wrapper }
-      );
-
-      const listener = broadcastListeners.get('task:delete')!;
-
-      await act(async () => {
-        listener({ payload: { taskId: 'task-1' } });
-      });
-
-      expect(onTaskChange).toHaveBeenCalledWith(
-        expect.objectContaining({ id: 'task-1' }),
-        'DELETE'
-      );
-    });
-
-    it('should not call onTaskChange if task was not in cache', async () => {
-      queryClient.setQueryData(['tasks', 'board-1'], []);
-      const onTaskChange = vi.fn();
-
-      renderHook(
-        () => useBoardRealtime('board-1', { enabled: true, onTaskChange }),
-        { wrapper }
-      );
-
-      const listener = broadcastListeners.get('task:delete')!;
-
-      await act(async () => {
-        listener({ payload: { taskId: 'task-999' } });
-      });
-
-      expect(onTaskChange).not.toHaveBeenCalled();
-    });
-  });
-
-  describe('list:upsert event', () => {
-    it('should add new list to cache', async () => {
-      queryClient.setQueryData(['task_lists', 'board-1'], []);
-
-      renderHook(() => useBoardRealtime('board-1', { enabled: true }), {
-        wrapper,
-      });
-
-      const listener = broadcastListeners.get('list:upsert')!;
-
-      await act(async () => {
-        listener({ payload: { list: mockList } });
-      });
-
-      const cachedLists = queryClient.getQueryData<TaskList[]>([
-        'task_lists',
-        'board-1',
-      ]);
-      expect(cachedLists).toHaveLength(1);
-      expect(cachedLists?.[0]).toEqual(
-        expect.objectContaining({ id: 'list-1' })
-      );
-    });
-
-    it('should update existing list in cache', async () => {
-      queryClient.setQueryData(['task_lists', 'board-1'], [mockList]);
-
-      renderHook(() => useBoardRealtime('board-1', { enabled: true }), {
-        wrapper,
-      });
-
-      const listener = broadcastListeners.get('list:upsert')!;
-
-      await act(async () => {
-        listener({
-          payload: { list: { id: 'list-1', name: 'Updated List' } },
-        });
-      });
-
-      const cachedLists = queryClient.getQueryData<TaskList[]>([
-        'task_lists',
-        'board-1',
-      ]);
-      expect(cachedLists?.[0]?.name).toBe('Updated List');
-    });
-
-    it('should call onListChange callback', async () => {
-      queryClient.setQueryData(['task_lists', 'board-1'], []);
-      const onListChange = vi.fn();
-
-      renderHook(
-        () => useBoardRealtime('board-1', { enabled: true, onListChange }),
-        { wrapper }
-      );
-
-      const listener = broadcastListeners.get('list:upsert')!;
-
-      await act(async () => {
-        listener({ payload: { list: mockList } });
-      });
-
-      expect(onListChange).toHaveBeenCalledWith(
-        expect.objectContaining({ id: 'list-1' }),
-        'INSERT'
-      );
-    });
-  });
-
-  describe('list:delete event', () => {
-    it('should remove list from cache', async () => {
-      queryClient.setQueryData(['task_lists', 'board-1'], [mockList]);
-
-      renderHook(() => useBoardRealtime('board-1', { enabled: true }), {
-        wrapper,
-      });
-
-      const listener = broadcastListeners.get('list:delete')!;
-
-      await act(async () => {
-        listener({ payload: { listId: 'list-1' } });
-      });
-
-      const cachedLists = queryClient.getQueryData<TaskList[]>([
-        'task_lists',
-        'board-1',
-      ]);
-      expect(cachedLists).toHaveLength(0);
-    });
-
-    it('should also remove tasks belonging to deleted list', async () => {
-      const task1 = {
-        ...mockTaskWithRelations,
-        id: 'task-1',
-        list_id: 'list-1',
-      };
-      const task2 = {
-        ...mockTaskWithRelations,
-        id: 'task-2',
-        list_id: 'list-2',
-      };
-      queryClient.setQueryData(['tasks', 'board-1'], [task1, task2]);
-      queryClient.setQueryData(['task_lists', 'board-1'], [mockList]);
-
-      renderHook(() => useBoardRealtime('board-1', { enabled: true }), {
-        wrapper,
-      });
-
-      const listener = broadcastListeners.get('list:delete')!;
-
-      await act(async () => {
-        listener({ payload: { listId: 'list-1' } });
-      });
-
-      const cachedTasks = queryClient.getQueryData<Task[]>([
-        'tasks',
-        'board-1',
-      ]);
-      expect(cachedTasks).toHaveLength(1);
-      expect(cachedTasks?.[0]?.id).toBe('task-2');
-    });
-
-    it('should also remove full-cache tasks belonging to deleted list', async () => {
-      const task1 = {
-        ...mockTaskWithRelations,
-        id: 'task-1',
-        list_id: 'list-1',
-      };
-      const task2 = {
-        ...mockTaskWithRelations,
-        id: 'task-2',
-        list_id: 'list-2',
-      };
-      queryClient.setQueryData(['tasks', 'board-1'], [task1, task2]);
-      queryClient.setQueryData(['tasks-full', 'board-1'], [task1, task2]);
-      queryClient.setQueryData(['task_lists', 'board-1'], [mockList]);
-
-      renderHook(() => useBoardRealtime('board-1', { enabled: true }), {
-        wrapper,
-      });
-
-      const listener = broadcastListeners.get('list:delete')!;
-
-      await act(async () => {
-        listener({ payload: { listId: 'list-1' } });
-      });
-
-      const cachedFullTasks = queryClient.getQueryData<Task[]>([
-        'tasks-full',
-        'board-1',
-      ]);
-      expect(cachedFullTasks).toHaveLength(1);
-      expect(cachedFullTasks?.[0]?.id).toBe('task-2');
-    });
-
-    it('should call onListChange with DELETE', async () => {
-      queryClient.setQueryData(['task_lists', 'board-1'], [mockList]);
-      const onListChange = vi.fn();
-
-      renderHook(
-        () => useBoardRealtime('board-1', { enabled: true, onListChange }),
-        { wrapper }
-      );
-
-      const listener = broadcastListeners.get('list:delete')!;
-
-      await act(async () => {
-        listener({ payload: { listId: 'list-1' } });
-      });
-
-      expect(onListChange).toHaveBeenCalledWith(
-        expect.objectContaining({ id: 'list-1' }),
-        'DELETE'
-      );
-    });
-  });
-
-  describe('task:relations-changed event', () => {
-    it('reconciles relation-bearing queries without refetching visible board caches', async () => {
-      queryClient.setQueryData(
-        ['tasks', 'board-1'],
-        [{ ...mockTaskWithRelations, id: 'task-1' }]
-      );
-      const invalidateQueriesSpy = vi.spyOn(queryClient, 'invalidateQueries');
-
-      renderHook(() => useBoardRealtime('board-1', { enabled: true }), {
-        wrapper,
-      });
-
-      const listener = broadcastListeners.get('task:relations-changed')!;
-
-      // Fire the listener — it debounces for 150ms before invalidating caches.
-      await act(async () => {
-        listener({ payload: { taskId: 'task-1' } });
-      });
-
-      // Advance past the 150ms receiver debounce.
-      await act(async () => {
-        vi.advanceTimersByTime(200);
-      });
-
-      expect(mockFrom).not.toHaveBeenCalled();
-      expect(invalidateQueriesSpy).not.toHaveBeenCalledWith({
-        queryKey: ['tasks', 'board-1'],
-      });
-      expect(invalidateQueriesSpy).not.toHaveBeenCalledWith({
-        queryKey: ['tasks-full', 'board-1'],
-      });
-      expect(invalidateQueriesSpy).toHaveBeenCalledWith({
-        queryKey: ['task-list-counts', 'board-1'],
-      });
-    });
-
-    it('keeps the full task cache warm when relations change', async () => {
-      queryClient.setQueryData(
-        ['tasks', 'board-1'],
-        [{ ...mockTaskWithRelations, id: 'task-1' }]
-      );
-      queryClient.setQueryData(
-        ['tasks-full', 'board-1'],
-        [{ ...mockTaskWithRelations, id: 'task-1' }]
-      );
-      const invalidateQueriesSpy = vi.spyOn(queryClient, 'invalidateQueries');
-
-      renderHook(() => useBoardRealtime('board-1', { enabled: true }), {
-        wrapper,
-      });
-
-      const listener = broadcastListeners.get('task:relations-changed')!;
-
-      await act(async () => {
-        listener({ payload: { taskId: 'task-1' } });
-      });
-
-      await act(async () => {
-        vi.advanceTimersByTime(200);
-      });
-
-      expect(invalidateQueriesSpy).not.toHaveBeenCalledWith({
-        queryKey: ['tasks-full', 'board-1'],
-      });
-      expect(
-        queryClient.getQueryData<Task[]>(['tasks-full', 'board-1'])?.[0]?.id
-      ).toBe('task-1');
-    });
-
-    it('calls onTaskRelationsChange for Supabase relation broadcasts', async () => {
-      const onTaskRelationsChange = vi.fn();
-
-      renderHook(
-        () =>
-          useBoardRealtime('board-1', {
-            enabled: true,
-            onTaskRelationsChange,
-          }),
-        { wrapper }
-      );
-
-      const listener = broadcastListeners.get('task:relations-changed')!;
-
-      await act(async () => {
-        listener({ payload: { taskIds: ['task-1', 'task-2'] } });
-      });
-
-      expect(onTaskRelationsChange).toHaveBeenCalledWith(['task-1', 'task-2']);
-    });
-  });
-
-  describe('returned broadcast function', () => {
-    it('should return a broadcast function', () => {
-      const { result } = renderHook(
-        () => useBoardRealtime('board-1', { enabled: true }),
-        { wrapper }
-      );
-
-      expect(result.current.broadcast).toBeInstanceOf(Function);
-    });
-
-    it('should call channel.send with correct format after debounce', () => {
-      queryClient.setQueryData(['tasks', 'board-1'], []);
-
-      const { result } = renderHook(
-        () => useBoardRealtime('board-1', { enabled: true }),
-        { wrapper }
-      );
-
-      act(() => {
-        result.current.broadcast('task:upsert', {
-          task: { id: 'task-1', name: 'Updated' },
-        });
-      });
-
-      // Broadcast is debounced — should not have sent yet
-      expect(mockChannel.send).not.toHaveBeenCalled();
-
-      // Advance past the 50ms sender debounce
-      act(() => {
-        vi.advanceTimersByTime(50);
-      });
-
-      expect(mockChannel.send).toHaveBeenCalledWith({
-        type: 'broadcast',
-        event: 'task:upsert',
-        payload: expect.objectContaining({
-          __tuturuuuBoardRealtimeEventId: expect.any(String),
-          __tuturuuuBoardRealtimeOrigin: expect.any(String),
-          task: { id: 'task-1', name: 'Updated' },
-        }),
-      });
-      expect(queryClient.getQueryData<Task[]>(['tasks', 'board-1'])).toEqual([
-        expect.objectContaining({ id: 'task-1', name: 'Updated' }),
-      ]);
-      expect(
-        MockBroadcastChannel.instances[0]?.postMessage
-      ).toHaveBeenCalledWith({
-        event: 'task:upsert',
-        payload: expect.objectContaining({
-          __tuturuuuBoardRealtimeEventId: expect.any(String),
-          __tuturuuuBoardRealtimeOrigin: expect.any(String),
-          task: { id: 'task-1', name: 'Updated' },
-        }),
-      });
-    });
-
-    it('should not throw when channel is not yet available', () => {
-      const { result } = renderHook(
-        () => useBoardRealtime('board-1', { enabled: false }),
-        { wrapper }
-      );
-
-      // Should not throw even though channel is null (enabled=false → no channel created)
-      expect(() => {
-        result.current.broadcast('task:upsert', { task: { id: 'task-1' } });
-      }).not.toThrow();
-    });
-
-    it('applies local tab broadcasts even when Supabase realtime is disabled', async () => {
-      queryClient.setQueryData(['tasks', 'board-1'], []);
-
-      renderHook(() => useBoardRealtime('board-1', { enabled: false }), {
-        wrapper,
-      });
-
-      await act(async () => {
-        MockBroadcastChannel.instances[0]?.dispatch({
-          event: 'task:upsert',
-          payload: {
-            __tuturuuuBoardRealtimeEventId: 'local-event-1',
-            task: mockTask,
-          },
-        });
-      });
-
-      expect(mockChannel.subscribe).not.toHaveBeenCalled();
-      expect(queryClient.getQueryData<Task[]>(['tasks', 'board-1'])).toEqual([
-        expect.objectContaining({ id: 'task-1' }),
-      ]);
-    });
-
-    it('calls onTaskRelationsChange for local relation broadcasts when Supabase realtime is disabled', async () => {
-      const onTaskRelationsChange = vi.fn();
-
-      renderHook(
-        () =>
-          useBoardRealtime('board-1', {
-            enabled: false,
-            onTaskRelationsChange,
-          }),
-        { wrapper }
-      );
-
-      await act(async () => {
-        MockBroadcastChannel.instances[0]?.dispatch({
-          event: 'task:relations-changed',
-          payload: {
-            __tuturuuuBoardRealtimeEventId: 'local-relations-event-1',
-            taskIds: ['task-1'],
-          },
-        });
-      });
-
-      expect(onTaskRelationsChange).toHaveBeenCalledWith(['task-1']);
-    });
-
-    it('delivers outgoing broadcasts to another local tab when Supabase realtime is disabled', () => {
-      const receiverQueryClient = new QueryClient({
-        defaultOptions: {
-          queries: { retry: false },
-          mutations: { retry: false },
-        },
-      });
-      receiverQueryClient.setQueryData(['tasks', 'board-1'], []);
-
-      const receiverWrapper = ({ children }: { children: ReactNode }) => (
-        <QueryClientProvider client={receiverQueryClient}>
-          {children}
-        </QueryClientProvider>
-      );
-
-      const { result } = renderHook(
-        () => useBoardRealtime('board-1', { enabled: false }),
-        { wrapper }
-      );
-      renderHook(() => useBoardRealtime('board-1', { enabled: false }), {
-        wrapper: receiverWrapper,
-      });
-
-      act(() => {
-        result.current.broadcast('task:upsert', { task: mockTask });
-        vi.advanceTimersByTime(50);
-      });
-
-      expect(mockChannel.subscribe).not.toHaveBeenCalled();
-      expect(queryClient.getQueryData<Task[]>(['tasks', 'board-1'])).toEqual([
-        expect.objectContaining({ id: 'task-1' }),
-      ]);
-      expect(
-        receiverQueryClient.getQueryData<Task[]>(['tasks', 'board-1'])
-      ).toEqual([expect.objectContaining({ id: 'task-1' })]);
-    });
-
-    it('deduplicates the same event received locally and through Supabase', async () => {
-      queryClient.setQueryData(['tasks', 'board-1'], []);
-
-      renderHook(() => useBoardRealtime('board-1', { enabled: true }), {
-        wrapper,
-      });
-
-      await act(async () => {
-        MockBroadcastChannel.instances[0]?.dispatch({
-          event: 'task:upsert',
-          payload: {
-            __tuturuuuBoardRealtimeEventId: 'shared-event-1',
-            task: { ...mockTask, name: 'Local update' },
-          },
-        });
-      });
-
-      const listener = broadcastListeners.get('task:upsert')!;
-      await act(async () => {
-        listener({
-          payload: {
-            __tuturuuuBoardRealtimeEventId: 'shared-event-1',
-            task: { id: 'task-1', name: 'Duplicate network update' },
-          },
-        });
-      });
-
-      expect(
-        queryClient.getQueryData<Task[]>(['tasks', 'board-1'])?.[0]?.name
-      ).toBe('Local update');
-    });
-  });
-});