@shopify/flash-list 2.0.4-alpha.1 → 2.2.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]);
-    });
-  });
-});

package/src/__tests__/RecyclerViewManager.test.ts

@@ -1,74 +0,0 @@
-import { RecyclerViewManager } from "../recyclerview/RecyclerViewManager";
-import { WarningMessages } from "../errors/WarningMessages";
-import { FlashListProps } from "../FlashListProps";
-
-describe("RecyclerViewManager", () => {
-  let consoleWarnSpy: jest.SpyInstance;
-
-  beforeEach(() => {
-    consoleWarnSpy = jest.spyOn(console, "warn").mockImplementation();
-  });
-
-  afterEach(() => {
-    consoleWarnSpy.mockRestore();
-  });
-
-  describe("keyExtractor warning with maintainVisibleContentPosition", () => {
-    const createMockProps = (overrides = {}) =>
-      ({
-        data: [{ id: 1 }, { id: 2 }, { id: 3 }],
-        renderItem: jest.fn(),
-        ...overrides,
-      } as FlashListProps<unknown>);
-
-    const createManager = (props: FlashListProps<unknown>) => {
-      return new RecyclerViewManager(props);
-    };
-
-    it("should warn when onStartReached is defined but keyExtractor is not", () => {
-      const props = createMockProps({
-        onStartReached: jest.fn(),
-        keyExtractor: undefined,
-      });
-
-      createManager(props);
-
-      expect(consoleWarnSpy).toHaveBeenCalledWith(
-        WarningMessages.keyExtractorNotDefinedForMVCP
-      );
-    });
-
-    it("should not warn when both onStartReached and keyExtractor are defined", () => {
-      const props = createMockProps({
-        onStartReached: jest.fn(),
-        keyExtractor: (item: any) => item.id.toString(),
-      });
-
-      createManager(props);
-
-      expect(consoleWarnSpy).not.toHaveBeenCalled();
-    });
-
-    it("should not warn when onStartReached is not defined", () => {
-      const props = createMockProps({
-        onStartReached: undefined,
-        keyExtractor: undefined,
-      });
-
-      createManager(props);
-
-      expect(consoleWarnSpy).not.toHaveBeenCalled();
-    });
-
-    it("should not warn when onStartReached is not defined but keyExtractor is", () => {
-      const props = createMockProps({
-        onStartReached: undefined,
-        keyExtractor: (item: any) => item.id.toString(),
-      });
-
-      createManager(props);
-
-      expect(consoleWarnSpy).not.toHaveBeenCalled();
-    });
-  });
-});