chore: Update mock to dedup List component in jest

Author: zombieJ

src/List.tsx

@@ -47,7 +47,7 @@ export interface ListProps<T> extends React.HTMLAttributes<any> {
   onScroll?: React.UIEventHandler<HTMLElement>;
 }
 
-function RawList<T>(props: ListProps<T>, ref: React.Ref<ListRef>) {
+export function RawList<T>(props: ListProps<T>, ref: React.Ref<ListRef>) {
   const {
     prefixCls,
     className,

src/mock.tsx

@@ -1,9 +1,9 @@
 import * as React from 'react';
-import OriginList, { ListProps, ListRef } from './List';
+import { RawList, ListProps, ListRef } from './List';
 
-const List = React.forwardRef((props: ListProps<any>, ref: React.Ref<ListRef>) => (
-  <OriginList {...props} ref={ref} virtual={false} />
-)) as <Item = any>(
+const List = React.forwardRef((props: ListProps<any>, ref: React.Ref<ListRef>) =>
+  RawList({ ...props, virtual: false }, ref),
+) as <Item = any>(
   props: React.PropsWithChildren<ListProps<Item>> & { ref?: React.Ref<ListRef> },
 ) => React.ReactElement;
 

tests/mock.test.js

@@ -21,17 +21,7 @@ describe('MockList', () => {
           .key(),
       ).toBe(String(i));
     }
-  });
-
-  it('do not trigger `onSkipRender`', () => {
-    const onSkipRender = jest.fn();
-    const wrapper = mount(
-      <MockList data={[0]} itemKey={id => id}>
-        {id => <span>{id}</span>}
-      </MockList>,
-    );
 
-    wrapper.setProps({ data: [0, 1] });
-    expect(onSkipRender).not.toHaveBeenCalled();
+    expect(wrapper.find('List')).toHaveLength(1);
   });
 });