react-native-reanimated-carousel/lib/module/hooks/useUpdateGestureConfig.test.js

Simple carousel component.fully implemented using Reanimated 2.Infinitely scrolling, very smooth.

import { renderHook } from "@testing-library/react-hooks";
import { useUpdateGestureConfig } from "./useUpdateGestureConfig";
describe("useUpdateGestureConfig", () => {
  const mockGesture = {
    enabled: jest.fn().mockReturnThis()
  };
  beforeEach(() => {
    jest.clearAllMocks();
  });
  it("should update gesture enabled state", () => {
    renderHook(() => useUpdateGestureConfig(mockGesture, {
      enabled: true
    }));
    expect(mockGesture.enabled).toHaveBeenCalledWith(true);
  });
  it("should handle undefined enabled state", () => {
    renderHook(() => useUpdateGestureConfig(mockGesture, {}));
    expect(mockGesture.enabled).not.toHaveBeenCalled();
  });
  it("should update when enabled state changes", () => {
    const {
      rerender
    } = renderHook(props => useUpdateGestureConfig(mockGesture, props), {
      initialProps: {
        enabled: true
      }
    });
    expect(mockGesture.enabled).toHaveBeenCalledWith(true);
    rerender({
      enabled: false
    });
    expect(mockGesture.enabled).toHaveBeenCalledWith(false);
  });
  it("should not update when enabled state remains the same", () => {
    const {
      rerender
    } = renderHook(props => useUpdateGestureConfig(mockGesture, props), {
      initialProps: {
        enabled: true
      }
    });
    mockGesture.enabled.mockClear();
    rerender({
      enabled: true
    });
    expect(mockGesture.enabled).not.toHaveBeenCalled();
  });
  it("should handle gesture object changes", () => {
    const newMockGesture = {
      enabled: jest.fn().mockReturnThis()
    };
    const {
      rerender
    } = renderHook(_ref => {
      let {
        gesture,
        config
      } = _ref;
      return useUpdateGestureConfig(gesture, config);
    }, {
      initialProps: {
        gesture: mockGesture,
        config: {
          enabled: true
        }
      }
    });
    expect(mockGesture.enabled).toHaveBeenCalledWith(true);
    rerender({
      gesture: newMockGesture,
      config: {
        enabled: true
      }
    });
    expect(newMockGesture.enabled).toHaveBeenCalledWith(true);
  });
  it("should cleanup properly on unmount", () => {
    const {
      unmount
    } = renderHook(() => useUpdateGestureConfig(mockGesture, {
      enabled: true
    }));
    mockGesture.enabled.mockClear();
    unmount();
    expect(mockGesture.enabled).not.toHaveBeenCalled();
  });
});
//# sourceMappingURL=useUpdateGestureConfig.test.js.map