@shopify/flash-list 2.0.3 → 2.1.0

package/src/__tests__/RecyclerView.test.tsx

@@ -1,144 +0,0 @@
-import React, { createRef } from "react";
-import { Text } from "react-native";
-import "@quilted/react-testing/matchers";
-import { render } from "@quilted/react-testing";
-
-import { FlashListRef } from "../FlashListRef";
-import { FlashList } from "..";
-
-// Mock measureLayout to return fixed dimensions
-jest.mock("../recyclerview/utils/measureLayout", () => {
-  const originalModule = jest.requireActual(
-    "../recyclerview/utils/measureLayout"
-  );
-  return {
-    ...originalModule,
-    measureParentSize: jest.fn().mockImplementation(() => ({
-      x: 0,
-      y: 0,
-      width: 399,
-      height: 899,
-    })),
-    measureFirstChildLayout: jest.fn().mockImplementation(() => ({
-      x: 0,
-      y: 0,
-      width: 399,
-      height: 899,
-    })),
-    measureItemLayout: jest.fn().mockImplementation(() => ({
-      x: 0,
-      y: 0,
-      width: 100,
-      height: 100,
-    })),
-  };
-});
-
-const renderRecyclerView = (args: {
-  numColumns?: number;
-  masonry?: boolean;
-  horizontal?: boolean;
-  ref?: React.Ref<FlashListRef<number>>;
-  data?: number[];
-}) => {
-  const {
-    numColumns = 1,
-    masonry = false,
-    horizontal = false,
-    ref,
-    data,
-  } = args;
-  return render(
-    <FlashList
-      ref={ref}
-      data={
-        data ?? [
-          0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19,
-        ]
-      }
-      masonry={masonry}
-      overrideProps={{ initialDrawBatchSize: 1 }}
-      drawDistance={0}
-      numColumns={numColumns}
-      horizontal={horizontal}
-      renderItem={({ item }) => <Text>{item}</Text>}
-    />
-  );
-};
-
-describe("RecyclerView", () => {
-  beforeEach(() => {
-    jest.clearAllMocks();
-    jest.useFakeTimers();
-  });
-  describe("Linear Layout", () => {
-    it("renders items ", () => {
-      const result = renderRecyclerView({});
-
-      expect(result).toContainReactComponent(Text, { children: 0 });
-      expect(result).not.toContainReactComponent(Text, { children: 11 });
-    });
-  });
-
-  describe("Masonry Layout", () => {
-    it("renders items with masonry", () => {
-      const result = renderRecyclerView({ masonry: true });
-
-      expect(result).toContainReactComponent(Text, { children: 0 });
-    });
-    it("should not render item 18, 19 with numColumns 2", () => {
-      const result = renderRecyclerView({ numColumns: 2, masonry: true });
-
-      expect(result).toContainReactComponent(Text, {
-        children: 17,
-      });
-      expect(result).not.toContainReactComponent(Text, {
-        children: 18,
-      });
-
-      expect(result).not.toContainReactComponent(Text, {
-        children: 19,
-      });
-    });
-  });
-
-  describe("Grid Layout", () => {
-    it("renders items with numColumns 2", () => {
-      const result = renderRecyclerView({ numColumns: 2 });
-
-      expect(result).toContainReactComponent(Text, { children: 0 });
-    });
-    it("should not render item 18, 19 with numColumns 2", () => {
-      const result = renderRecyclerView({ numColumns: 2 });
-
-      expect(result).toContainReactComponent(Text, {
-        children: 17,
-      });
-      expect(result).not.toContainReactComponent(Text, {
-        children: 18,
-      });
-
-      expect(result).not.toContainReactComponent(Text, {
-        children: 19,
-      });
-    });
-  });
-
-  describe("Horizontal Layout", () => {
-    it("renders items with horizontal", () => {
-      const result = renderRecyclerView({ horizontal: true });
-
-      expect(result).toContainReactComponent(Text, { children: 0 });
-      expect(result).not.toContainReactComponent(Text, { children: 4 });
-    });
-  });
-
-  describe("RecyclerView ref", () => {
-    it("check if ref has updated props after re-renders", () => {
-      const ref = createRef<FlashListRef<number>>();
-      const result = renderRecyclerView({ ref, data: [0, 1, 2] });
-      result.setProps({ data: [0, 1, 2, 3] });
-      expect(ref.current?.props.data).toEqual([0, 1, 2, 3]);
-    });
-  });
-});