react-native-reanimated-carousel 5.0.0-beta.7 → 5.0.0-beta.8

package/src/layouts/stack.test.ts

@@ -1,252 +0,0 @@
-import { horizontalStackLayout, useHorizontalStackLayout, verticalStackLayout } from "./stack";
-
-// Mock react-native-reanimated
-jest.mock("react-native-reanimated", () => ({
-  interpolate: jest.fn((value, inputRange, outputRange) => {
-    // Simple linear interpolation mock for testing
-    const inputMin = inputRange[0];
-    const inputMax = inputRange[inputRange.length - 1];
-    const outputMin = outputRange[0];
-    const outputMax = outputRange[outputRange.length - 1];
-
-    if (value <= inputMin) return outputMin;
-    if (value >= inputMax) return outputMax;
-
-    // Linear interpolation
-    const progress = (value - inputMin) / (inputMax - inputMin);
-    return outputMin + progress * (outputMax - outputMin);
-  }),
-  Extrapolation: {
-    CLAMP: "clamp",
-  },
-}));
-
-// Mock react
-jest.mock("react", () => ({
-  useMemo: jest.fn((fn) => fn()),
-}));
-
-// Mock Dimensions
-jest.mock("react-native", () => ({
-  Dimensions: {
-    get: jest.fn(() => ({ width: 375, height: 812 })),
-  },
-}));
-
-describe("horizontalStackLayout", () => {
-  it("should make the rotateZDeg works properly when it is passed in horizontal-stack mode through modeConfig", () => {
-    const screenWidth = 375;
-
-    const calculator = horizontalStackLayout({
-      showLength: 3,
-      snapDirection: "left",
-      moveSize: screenWidth,
-      stackInterval: 18,
-      scaleInterval: 0.04,
-      opacityInterval: 0.1,
-      rotateZDeg: 30,
-    });
-
-    const result1 = calculator(-0.5);
-    expect(result1).toHaveProperty("transform");
-    expect(result1).toHaveProperty("zIndex");
-    expect(result1).toHaveProperty("opacity");
-    expect(result1.transform).toHaveLength(3);
-
-    const result2 = calculator(-1);
-    expect(result2).toHaveProperty("transform");
-    expect(result2).toHaveProperty("zIndex");
-    expect(result2).toHaveProperty("opacity");
-    expect(result2.transform).toHaveLength(3);
-  });
-
-  it("should handle right snap direction", () => {
-    const calculator = horizontalStackLayout({
-      showLength: 3,
-      snapDirection: "right",
-      moveSize: 375,
-      stackInterval: 18,
-      scaleInterval: 0.04,
-      opacityInterval: 0.1,
-      rotateZDeg: 30,
-    });
-
-    const result = calculator(0);
-    expect(result).toHaveProperty("transform");
-    expect(result).toHaveProperty("zIndex");
-    expect(result).toHaveProperty("opacity");
-    expect(result.transform).toHaveLength(3);
-  });
-
-  it("should handle default config", () => {
-    const calculator = horizontalStackLayout();
-    const result = calculator(0);
-
-    expect(result).toHaveProperty("transform");
-    expect(result).toHaveProperty("zIndex");
-    expect(result).toHaveProperty("opacity");
-  });
-
-  it("should handle edge values", () => {
-    const calculator = horizontalStackLayout({
-      showLength: 5,
-      snapDirection: "left",
-    });
-
-    const extremeLeftResult = calculator(-2);
-    const extremeRightResult = calculator(4);
-
-    expect(extremeLeftResult).toHaveProperty("transform");
-    expect(extremeRightResult).toHaveProperty("transform");
-  });
-
-  it("should handle custom parameters", () => {
-    const calculator = horizontalStackLayout({
-      showLength: 4,
-      snapDirection: "right",
-      moveSize: 400,
-      stackInterval: 25,
-      scaleInterval: 0.06,
-      opacityInterval: 0.15,
-      rotateZDeg: 45,
-    });
-
-    const result = calculator(1);
-    expect(result).toHaveProperty("transform");
-    expect(result.transform).toHaveLength(3);
-    expect(result.transform?.[2]).toHaveProperty("rotateZ");
-  });
-});
-
-describe("verticalStackLayout", () => {
-  it("should handle left snap direction", () => {
-    const calculator = verticalStackLayout({
-      showLength: 3,
-      snapDirection: "left",
-      moveSize: 375,
-      stackInterval: 18,
-      scaleInterval: 0.04,
-      opacityInterval: 0.1,
-      rotateZDeg: 30,
-    });
-
-    const result = calculator(0);
-    expect(result).toHaveProperty("transform");
-    expect(result).toHaveProperty("zIndex");
-    expect(result).toHaveProperty("opacity");
-    expect(result.transform).toHaveLength(4); // includesTranslateY
-    expect(result.transform?.[3]).toHaveProperty("translateY");
-  });
-
-  it("should handle right snap direction", () => {
-    const calculator = verticalStackLayout({
-      showLength: 3,
-      snapDirection: "right",
-      moveSize: 375,
-      stackInterval: 18,
-      scaleInterval: 0.04,
-      opacityInterval: 0.1,
-      rotateZDeg: 30,
-    });
-
-    const result = calculator(0);
-    expect(result).toHaveProperty("transform");
-    expect(result.transform).toHaveLength(4);
-    expect(result.transform?.[3]).toHaveProperty("translateY");
-  });
-
-  it("should handle default config", () => {
-    const calculator = verticalStackLayout();
-    const result = calculator(0);
-
-    expect(result).toHaveProperty("transform");
-    expect(result).toHaveProperty("zIndex");
-    expect(result).toHaveProperty("opacity");
-    expect(result.transform).toHaveLength(4);
-  });
-
-  it("should handle different values", () => {
-    const calculator = verticalStackLayout({
-      showLength: 4,
-      snapDirection: "left",
-    });
-
-    const leftResult = calculator(-1);
-    const centerResult = calculator(0);
-    const rightResult = calculator(1);
-
-    expect(leftResult).toHaveProperty("transform");
-    expect(centerResult).toHaveProperty("transform");
-    expect(rightResult).toHaveProperty("transform");
-  });
-
-  it("should handle fractional values", () => {
-    const calculator = verticalStackLayout({
-      showLength: 3,
-      snapDirection: "right",
-    });
-
-    const result = calculator(0.5);
-    expect(result).toHaveProperty("transform");
-    expect(result.transform).toHaveLength(4);
-  });
-});
-
-describe("useHorizontalStackLayout", () => {
-  it("should return layout and config for left snap direction", () => {
-    const customAnimationConfig = {
-      snapDirection: "left" as const,
-      showLength: 3,
-    };
-
-    const result = useHorizontalStackLayout(customAnimationConfig);
-
-    expect(result).toHaveProperty("layout");
-    expect(result).toHaveProperty("config");
-    expect(typeof result.layout).toBe("function");
-    expect(result.config.type).toBe("positive");
-    expect(result.config.viewCount).toBe(3);
-  });
-
-  it("should return layout and config for right snap direction", () => {
-    const customAnimationConfig = {
-      snapDirection: "right" as const,
-      showLength: 4,
-    };
-
-    const result = useHorizontalStackLayout(customAnimationConfig);
-
-    expect(result).toHaveProperty("layout");
-    expect(result).toHaveProperty("config");
-    expect(result.config.type).toBe("negative");
-    expect(result.config.viewCount).toBe(4);
-  });
-
-  it("should handle default config", () => {
-    const result = useHorizontalStackLayout();
-
-    expect(result).toHaveProperty("layout");
-    expect(result).toHaveProperty("config");
-    expect(typeof result.layout).toBe("function");
-    expect(result.config.type).toBe("positive"); // Default snapDirection is "left"
-  });
-
-  it("should handle empty custom config", () => {
-    const result = useHorizontalStackLayout({}, {});
-
-    expect(result).toHaveProperty("layout");
-    expect(result).toHaveProperty("config");
-  });
-
-  it("should merge custom config correctly", () => {
-    const customAnimationConfig = {
-      snapDirection: "right" as const,
-      showLength: 2,
-    };
-
-    const result = useHorizontalStackLayout(customAnimationConfig);
-
-    expect(result.config.type).toBe("negative");
-    expect(result.config.viewCount).toBe(2);
-  });
-});

package/src/store/index.test.tsx

@@ -1,314 +0,0 @@
-import { act, render } from "@testing-library/react-native";
-import React from "react";
-import { Text } from "react-native";
-
-import { ICommonVariables } from "../hooks/useCommonVariables";
-import { GlobalStateContext, GlobalStateProvider, IContext, useGlobalState } from "./index";
-
-const createSharedValue = <T,>(initial: T) => ({ value: initial });
-
-describe("GlobalStateProvider", () => {
-  const mockProps = {
-    width: 300,
-    height: 200,
-    data: [1, 2, 3],
-    renderItem: () => <Text>Item</Text>,
-  } as any;
-
-  const mockCommon = {
-    size: 300,
-    validLength: 3,
-    handlerOffset: createSharedValue(0),
-    resolvedSize: createSharedValue<number | null>(300),
-    sizePhase: createSharedValue("ready" as const),
-  } as ICommonVariables;
-
-  const mockValue: Pick<IContext, "props" | "common"> = {
-    props: mockProps,
-    common: mockCommon,
-  };
-
-  it("should render children correctly", () => {
-    const { getByText } = render(
-      <GlobalStateProvider value={mockValue}>
-        <Text>Test Child</Text>
-      </GlobalStateProvider>
-    );
-
-    expect(getByText("Test Child")).toBeTruthy();
-  });
-
-  it("should provide context value with layout methods", () => {
-    let contextValue: any;
-
-    const TestComponent = () => {
-      contextValue = React.useContext(GlobalStateContext);
-      return <Text>Test</Text>;
-    };
-
-    render(
-      <GlobalStateProvider value={mockValue}>
-        <TestComponent />
-      </GlobalStateProvider>
-    );
-
-    expect(contextValue).toHaveProperty("props");
-    expect(contextValue).toHaveProperty("common");
-    expect(contextValue).toHaveProperty("layout");
-    expect(contextValue.layout).toHaveProperty("containerSize");
-    expect(contextValue.layout).toHaveProperty("itemDimensions");
-    expect(contextValue.layout).toHaveProperty("updateItemDimensions");
-    expect(contextValue.layout).toHaveProperty("updateContainerSize");
-  });
-
-  it("should initialize containerSize with default values", () => {
-    let contextValue: any;
-
-    const TestComponent = () => {
-      contextValue = React.useContext(GlobalStateContext);
-      return <Text>Test</Text>;
-    };
-
-    render(
-      <GlobalStateProvider value={mockValue}>
-        <TestComponent />
-      </GlobalStateProvider>
-    );
-
-    expect(contextValue.layout.containerSize.value).toEqual({ width: 0, height: 0 });
-  });
-
-  it("should initialize itemDimensions with empty object", () => {
-    let contextValue: any;
-
-    const TestComponent = () => {
-      contextValue = React.useContext(GlobalStateContext);
-      return <Text>Test</Text>;
-    };
-
-    render(
-      <GlobalStateProvider value={mockValue}>
-        <TestComponent />
-      </GlobalStateProvider>
-    );
-
-    expect(contextValue.layout.itemDimensions.value).toEqual({});
-  });
-
-  it("should provide updateItemDimensions function", () => {
-    let contextValue: any;
-
-    const TestComponent = () => {
-      contextValue = React.useContext(GlobalStateContext);
-      return <Text>Test</Text>;
-    };
-
-    render(
-      <GlobalStateProvider value={mockValue}>
-        <TestComponent />
-      </GlobalStateProvider>
-    );
-
-    expect(typeof contextValue.layout.updateItemDimensions).toBe("function");
-
-    act(() => {
-      contextValue.layout.updateItemDimensions(0, { width: 100, height: 50 });
-    });
-
-    expect(contextValue.layout.itemDimensions.value).toEqual({
-      0: { width: 100, height: 50 },
-    });
-  });
-
-  it("should provide updateContainerSize function", () => {
-    let contextValue: any;
-
-    const TestComponent = () => {
-      contextValue = React.useContext(GlobalStateContext);
-      return <Text>Test</Text>;
-    };
-
-    render(
-      <GlobalStateProvider value={mockValue}>
-        <TestComponent />
-      </GlobalStateProvider>
-    );
-
-    expect(typeof contextValue.layout.updateContainerSize).toBe("function");
-
-    act(() => {
-      contextValue.layout.updateContainerSize({ width: 400, height: 300 });
-    });
-
-    expect(contextValue.layout.containerSize.value).toEqual({ width: 400, height: 300 });
-  });
-
-  it("should merge props and common with layout", () => {
-    let contextValue: any;
-
-    const TestComponent = () => {
-      contextValue = React.useContext(GlobalStateContext);
-      return <Text>Test</Text>;
-    };
-
-    render(
-      <GlobalStateProvider value={mockValue}>
-        <TestComponent />
-      </GlobalStateProvider>
-    );
-
-    expect(contextValue.props).toEqual(mockProps);
-    expect(contextValue.common).toEqual(mockCommon);
-  });
-
-  it("should handle multiple children", () => {
-    const { getByText } = render(
-      <GlobalStateProvider value={mockValue}>
-        <Text>First Child</Text>
-        <Text>Second Child</Text>
-      </GlobalStateProvider>
-    );
-
-    expect(getByText("First Child")).toBeTruthy();
-    expect(getByText("Second Child")).toBeTruthy();
-  });
-
-  it("should handle updateItemDimensions with multiple items", () => {
-    let contextValue: any;
-
-    const TestComponent = () => {
-      contextValue = React.useContext(GlobalStateContext);
-      return <Text>Test</Text>;
-    };
-
-    render(
-      <GlobalStateProvider value={mockValue}>
-        <TestComponent />
-      </GlobalStateProvider>
-    );
-
-    act(() => {
-      contextValue.layout.updateItemDimensions(0, { width: 100, height: 50 });
-      contextValue.layout.updateItemDimensions(1, { width: 120, height: 60 });
-      contextValue.layout.updateItemDimensions(2, { width: 90, height: 45 });
-    });
-
-    expect(contextValue.layout.itemDimensions.value).toEqual({
-      0: { width: 100, height: 50 },
-      1: { width: 120, height: 60 },
-      2: { width: 90, height: 45 },
-    });
-  });
-});
-
-describe("useGlobalState", () => {
-  const mockValue: Pick<IContext, "props" | "common"> = {
-    props: { width: 300, data: [1, 2, 3], renderItem: () => <Text>Item</Text> } as any,
-    common: {
-      size: 300,
-      validLength: 3,
-      handlerOffset: createSharedValue(0),
-      resolvedSize: createSharedValue<number | null>(300),
-      sizePhase: createSharedValue("ready" as const),
-    } as ICommonVariables,
-  };
-
-  it("should return context value when used within provider", () => {
-    let hookResult: any;
-
-    const TestComponent = () => {
-      hookResult = useGlobalState();
-      return <Text>Test</Text>;
-    };
-
-    render(
-      <GlobalStateProvider value={mockValue}>
-        <TestComponent />
-      </GlobalStateProvider>
-    );
-
-    expect(hookResult).toHaveProperty("props");
-    expect(hookResult).toHaveProperty("common");
-    expect(hookResult).toHaveProperty("layout");
-  });
-
-  it("should provide expected hook functionality", () => {
-    let hookResult: any;
-
-    const TestComponent = () => {
-      hookResult = useGlobalState();
-      return <Text>Test</Text>;
-    };
-
-    const mockValue: Pick<IContext, "props" | "common"> = {
-      props: { width: 300, data: [1, 2, 3], renderItem: () => <Text>Item</Text> } as any,
-      common: { size: 300, validLength: 3 } as ICommonVariables,
-    };
-
-    render(
-      <GlobalStateProvider value={mockValue}>
-        <TestComponent />
-      </GlobalStateProvider>
-    );
-
-    expect(hookResult).toHaveProperty("props");
-    expect(hookResult).toHaveProperty("common");
-    expect(hookResult).toHaveProperty("layout");
-  });
-
-  it("should return the same context value as directly accessing context", () => {
-    let hookResult: any;
-    let contextResult: any;
-
-    const TestComponent = () => {
-      hookResult = useGlobalState();
-      contextResult = React.useContext(GlobalStateContext);
-      return <Text>Test</Text>;
-    };
-
-    render(
-      <GlobalStateProvider value={mockValue}>
-        <TestComponent />
-      </GlobalStateProvider>
-    );
-
-    expect(hookResult).toBe(contextResult);
-  });
-
-  it("should provide all expected properties", () => {
-    let hookResult: any;
-
-    const TestComponent = () => {
-      hookResult = useGlobalState();
-      return <Text>Test</Text>;
-    };
-
-    render(
-      <GlobalStateProvider value={mockValue}>
-        <TestComponent />
-      </GlobalStateProvider>
-    );
-
-    expect(hookResult.props).toEqual(mockValue.props);
-    expect(hookResult.common).toEqual(mockValue.common);
-    expect(hookResult.layout).toHaveProperty("containerSize");
-    expect(hookResult.layout).toHaveProperty("itemDimensions");
-    expect(hookResult.layout).toHaveProperty("updateItemDimensions");
-    expect(hookResult.layout).toHaveProperty("updateContainerSize");
-  });
-});
-
-describe("GlobalStateContext", () => {
-  it("should have default empty context value", () => {
-    let contextValue: any;
-
-    const TestComponent = () => {
-      contextValue = React.useContext(GlobalStateContext);
-      return <Text>Test</Text>;
-    };
-
-    render(<TestComponent />);
-
-    expect(contextValue).toEqual({});
-  });
-});

package/src/utils/compute-gesture-translation.test.ts

@@ -1,70 +0,0 @@
-import { computeGestureTranslation } from "./compute-gesture-translation";
-
-describe("computeGestureTranslation", () => {
-  it("should clamp right overdrag when overscrollEnabled is false", () => {
-    const next = computeGestureTranslation({
-      loop: false,
-      overscrollEnabled: false,
-      currentTranslation: 0,
-      panOffset: 0,
-      panTranslation: 120,
-      max: 500,
-    });
-
-    expect(next).toBe(0);
-  });
-
-  it("should keep damping behavior when overscrollEnabled is true and dragging past start", () => {
-    const next = computeGestureTranslation({
-      loop: false,
-      overscrollEnabled: true,
-      currentTranslation: 20,
-      panOffset: 0,
-      panTranslation: 120,
-      max: 500,
-    });
-
-    expect(next).toBe(60);
-  });
-
-  it("should apply damping when overscrollEnabled is true and dragging past end", () => {
-    const next = computeGestureTranslation({
-      loop: false,
-      overscrollEnabled: true,
-      currentTranslation: -600,
-      panOffset: -500,
-      panTranslation: -100,
-      max: 500,
-    });
-
-    // boundary = -max = -500, fixed = -500 - (-500) = 0, dynamic = -100 - 0 = -100
-    // result = -500 + (-100 * 0.5) = -550
-    expect(next).toBe(-550);
-  });
-
-  it("should pass through raw value in loop mode", () => {
-    const next = computeGestureTranslation({
-      loop: true,
-      overscrollEnabled: false,
-      currentTranslation: 0,
-      panOffset: 0,
-      panTranslation: 300,
-      max: 500,
-    });
-
-    expect(next).toBe(300);
-  });
-
-  it("should return raw value when within bounds and not looping", () => {
-    const next = computeGestureTranslation({
-      loop: false,
-      overscrollEnabled: true,
-      currentTranslation: -200,
-      panOffset: -100,
-      panTranslation: -50,
-      max: 500,
-    });
-
-    expect(next).toBe(-150);
-  });
-});