react-native-reanimated-carousel/src/hooks/useOffsetX.test.ts

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

import { useSharedValue } from "react-native-reanimated";

import { renderHook } from "@testing-library/react-hooks";

import type { IOpts } from "./useOffsetX";
import { useOffsetX } from "./useOffsetX";
import type { IVisibleRanges } from "./useVisibleRanges";

describe("useSharedValue", () => {
  it("should return the correct values", async () => {
    const hook = renderHook(() => {
      const range = useSharedValue({
        negativeRange: [7, 9],
        positiveRange: [0, 3],
      }) as IVisibleRanges;
      const inputs: Array<{
        config: IOpts;
        range: IVisibleRanges;
      }> = Array.from({ length: 10 }).map((_, index) => ({
        config: {
          dataLength: 10,
          handlerOffset: useSharedValue(-0),
          index,
          loop: false,
          size: 393,
        },
        range,
      }));

      return inputs.map((input) => {
        const { config, range } = input;

        return useOffsetX(config, range);
      });
    });

    const expected = hook.result.current.map((v) => v.value).slice();

    expect(expected).toMatchInlineSnapshot(`
            [
              0,
              393,
              786,
              1179,
              9007199254740991,
              9007199254740991,
              9007199254740991,
              2751,
              3144,
              3537,
            ]
        `);
  });
});