Genarrative/src/components/image-editor/ImageCanvasActionsContext.test.tsx

/* @vitest-environment jsdom */

import { act, renderHook } from '@testing-library/react';
import type { ReactNode } from 'react';
import { describe, expect, it, vi } from 'vitest';

import {
  useImageCanvasActions,
} from './ImageCanvasActionsContext';
import { ImageCanvasActionsProvider } from './ImageCanvasActionsProvider';

describe('ImageCanvasActionsContext', () => {
  it('exposes the editor-scoped canvas actions', () => {
    const focusResource = vi.fn(() => ({ successed: true }));
    const refreshCanvas = vi.fn();
    const { result } = renderHook(useImageCanvasActions, {
      wrapper: ({ children }: { children: ReactNode }) => (
        <ImageCanvasActionsProvider
          focusResource={focusResource}
          refreshCanvas={refreshCanvas}
        >
          {children}
        </ImageCanvasActionsProvider>
      ),
    });

    let focusResult: { successed: boolean } | undefined;
    act(() => {
      focusResult = result.current.focusResource('resource-a');
      result.current.refreshCanvas();
    });

    expect(focusResult).toEqual({ successed: true });
    expect(focusResource).toHaveBeenCalledWith('resource-a');
    expect(refreshCanvas).toHaveBeenCalledTimes(1);
  });

  it('fails clearly when consumed outside the editor provider', () => {
    expect(() => renderHook(useImageCanvasActions)).toThrow(
      'useImageCanvasActions must be used within ImageCanvasActionsProvider',
    );
  });
});