Add test

Author: janicduplessis

packages/virtualized-lists/Lists/__tests__/VirtualizedList-test.js

@@ -2164,10 +2164,70 @@ it('virtualizes away last focused index if item removed', () => {
   expect(component).toMatchSnapshot();
 });
 
-function generateItems(count) {
+it('handles maintainVisibleContentPosition', () => {
+  const items = generateItems(20);
+  const ITEM_HEIGHT = 10;
+
+  let component;
+  ReactTestRenderer.act(() => {
+    component = ReactTestRenderer.create(
+      <VirtualizedList
+        initialNumToRender={1}
+        windowSize={1}
+        maintainVisibleContentPosition={{minIndexForVisible: 0}}
+        {...baseItemProps(items)}
+        {...fixedHeightItemLayoutProps(ITEM_HEIGHT)}
+      />,
+    );
+  });
+
+  ReactTestRenderer.act(() => {
+    simulateLayout(component, {
+      viewport: {width: 10, height: 50},
+      content: {width: 10, height: items.length * ITEM_HEIGHT},
+    });
+
+    performAllBatches();
+  });
+
+  // Initial render.
+  expect(component).toMatchSnapshot();
+
+  // Add new items at the start of the list to trigger the maintainVisibleContentPosition adjustment.
+  const newItems = [...generateItems(10, items.length), ...items];
+  ReactTestRenderer.act(() => {
+    component.update(
+      <VirtualizedList
+        initialNumToRender={1}
+        windowSize={1}
+        maintainVisibleContentPosition={{minIndexForVisible: 0}}
+        {...baseItemProps(newItems)}
+        {...fixedHeightItemLayoutProps(ITEM_HEIGHT)}
+      />,
+    );
+  });
+
+  // Previously rendered cells should be rendered still as well as the newly added ones.
+  expect(component).toMatchSnapshot();
+
+  // Simulate scroll adjustment from native maintainVisibleContentPosition.
+  ReactTestRenderer.act(() => {
+    simulateContentLayout(component, {
+      width: 10,
+      height: newItems.length * ITEM_HEIGHT,
+    });
+    simulateScroll(component, {x: 0, y: 10 * ITEM_HEIGHT});
+    performAllBatches();
+  });
+
+  // Only previously rendered cells should be rendered.
+  expect(component).toMatchSnapshot();
+});
+
+function generateItems(count, startKey = 0) {
   return Array(count)
     .fill()
-    .map((_, i) => ({key: i}));
+    .map((_, i) => ({key: i + startKey}));
 }
 
 function generateItemsStickyEveryN(count, n) {