@react-native/virtualized-lists 0.72.0 → 0.72.1

package/Lists/VirtualizedList.js

@@ -84,7 +84,7 @@ function horizontalOrDefault(horizontal: ?boolean) {
   return horizontal ?? false;
 }
 
-// initialNumToRenderOrDefault(this.props.initialNumToRenderOrDefault)
+// initialNumToRenderOrDefault(this.props.initialNumToRender)
 function initialNumToRenderOrDefault(initialNumToRender: ?number) {
   return initialNumToRender ?? 10;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@react-native/virtualized-lists",
-  "version": "0.72.0",
+  "version": "0.72.1",
   "description": "Virtualized lists for React Native.",
   "repository": {
     "type": "git",

package/Interaction/__tests__/Batchinator-test.js

@@ -1,78 +0,0 @@
-/**
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- * @format
- * @oncall react_native
- */
-
-'use strict';
-
-function expectToBeCalledOnce(fn) {
-  expect(fn.mock.calls.length).toBe(1);
-}
-
-describe('Batchinator', () => {
-  const Batchinator = require('../Batchinator');
-
-  it('executes vanilla tasks', () => {
-    const callback = jest.fn();
-    const batcher = new Batchinator(callback, 10000);
-    batcher.schedule();
-    jest.runAllTimers();
-    expectToBeCalledOnce(callback);
-  });
-
-  it('batches up tasks', () => {
-    const callback = jest.fn();
-    const batcher = new Batchinator(callback, 10000);
-    batcher.schedule();
-    batcher.schedule();
-    batcher.schedule();
-    batcher.schedule();
-    expect(callback).not.toBeCalled();
-    jest.runAllTimers();
-    expectToBeCalledOnce(callback);
-  });
-
-  it('flushes on dispose', () => {
-    const callback = jest.fn();
-    const batcher = new Batchinator(callback, 10000);
-    batcher.schedule();
-    batcher.schedule();
-    batcher.dispose();
-    expectToBeCalledOnce(callback);
-    jest.runAllTimers();
-    expectToBeCalledOnce(callback);
-  });
-
-  it('should call tasks scheduled by the callback', () => {
-    let batcher = null;
-    let hasRescheduled = false;
-    const callback = jest.fn(() => {
-      if (!hasRescheduled) {
-        batcher.schedule();
-        hasRescheduled = true;
-      }
-    });
-    batcher = new Batchinator(callback, 10000);
-    batcher.schedule();
-    jest.runAllTimers();
-    expect(callback.mock.calls.length).toBe(2);
-  });
-
-  it('does not run callbacks more than once', () => {
-    const callback = jest.fn();
-    const batcher = new Batchinator(callback, 10000);
-    batcher.schedule();
-    batcher.schedule();
-    jest.runAllTimers();
-    expectToBeCalledOnce(callback);
-    jest.runAllTimers();
-    expectToBeCalledOnce(callback);
-    batcher.dispose();
-    expectToBeCalledOnce(callback);
-  });
-});

package/Lists/__tests__/CellRenderMask-test.js

@@ -1,188 +0,0 @@
-/**
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- * @flow strict
- * @format
- */
-
-import {CellRenderMask} from '../CellRenderMask';
-
-describe('CellRenderMask', () => {
-  it('throws when constructed with invalid size', () => {
-    expect(() => new CellRenderMask(-1)).toThrow();
-  });
-
-  it('allows creation of empty mask', () => {
-    const renderMask = new CellRenderMask(0);
-    expect(renderMask.enumerateRegions()).toEqual([]);
-  });
-
-  it('allows creation of single-cell mask', () => {
-    const renderMask = new CellRenderMask(1);
-    expect(renderMask.enumerateRegions()).toEqual([
-      {first: 0, last: 0, isSpacer: true},
-    ]);
-  });
-
-  it('throws when adding invalid cell ranges', () => {
-    const renderMask = new CellRenderMask(5);
-
-    expect(() => renderMask.addCells({first: -2, last: -1})).toThrow();
-    expect(() => renderMask.addCells({first: -2, last: 0})).toThrow();
-    expect(() => renderMask.addCells({first: 0, last: 5})).toThrow();
-    expect(() => renderMask.addCells({first: 6, last: 7})).toThrow();
-  });
-
-  it('allows adding single cell at beginning', () => {
-    const renderMask = new CellRenderMask(5);
-    renderMask.addCells({first: 0, last: 0});
-
-    expect(renderMask.enumerateRegions()).toEqual([
-      {first: 0, last: 0, isSpacer: false},
-      {first: 1, last: 4, isSpacer: true},
-    ]);
-  });
-
-  it('allows adding single cell at end', () => {
-    const renderMask = new CellRenderMask(5);
-    renderMask.addCells({first: 4, last: 4});
-
-    expect(renderMask.enumerateRegions()).toEqual([
-      {first: 0, last: 3, isSpacer: true},
-      {first: 4, last: 4, isSpacer: false},
-    ]);
-  });
-
-  it('allows adding single cell in middle', () => {
-    const renderMask = new CellRenderMask(5);
-    renderMask.addCells({first: 2, last: 2});
-
-    expect(renderMask.enumerateRegions()).toEqual([
-      {first: 0, last: 1, isSpacer: true},
-      {first: 2, last: 2, isSpacer: false},
-      {first: 3, last: 4, isSpacer: true},
-    ]);
-  });
-
-  it('allows marking entire cell range', () => {
-    const renderMask = new CellRenderMask(5);
-    renderMask.addCells({first: 0, last: 4});
-
-    expect(renderMask.enumerateRegions()).toEqual([
-      {first: 0, last: 4, isSpacer: false},
-    ]);
-  });
-
-  it('allows adding empty cell range', () => {
-    const renderMask = new CellRenderMask(5);
-    renderMask.addCells({first: 0, last: -1});
-
-    expect(renderMask.enumerateRegions()).toEqual([
-      {first: 0, last: 4, isSpacer: true},
-    ]);
-  });
-
-  it('correctly replaces fragmented cell ranges', () => {
-    const renderMask = new CellRenderMask(10);
-
-    renderMask.addCells({first: 3, last: 3});
-    renderMask.addCells({first: 5, last: 7});
-
-    expect(renderMask.enumerateRegions()).toEqual([
-      {first: 0, last: 2, isSpacer: true},
-      {first: 3, last: 3, isSpacer: false},
-      {first: 4, last: 4, isSpacer: true},
-      {first: 5, last: 7, isSpacer: false},
-      {first: 8, last: 9, isSpacer: true},
-    ]);
-
-    renderMask.addCells({first: 3, last: 7});
-
-    expect(renderMask.enumerateRegions()).toEqual([
-      {first: 0, last: 2, isSpacer: true},
-      {first: 3, last: 7, isSpacer: false},
-      {first: 8, last: 9, isSpacer: true},
-    ]);
-  });
-
-  it('left-expands region', () => {
-    const renderMask = new CellRenderMask(5);
-
-    renderMask.addCells({first: 3, last: 3});
-
-    expect(renderMask.enumerateRegions()).toEqual([
-      {first: 0, last: 2, isSpacer: true},
-      {first: 3, last: 3, isSpacer: false},
-      {first: 4, last: 4, isSpacer: true},
-    ]);
-
-    renderMask.addCells({first: 2, last: 3});
-
-    expect(renderMask.enumerateRegions()).toEqual([
-      {first: 0, last: 1, isSpacer: true},
-      {first: 2, last: 3, isSpacer: false},
-      {first: 4, last: 4, isSpacer: true},
-    ]);
-  });
-
-  it('right-expands region', () => {
-    const renderMask = new CellRenderMask(5);
-
-    renderMask.addCells({first: 3, last: 3});
-
-    expect(renderMask.enumerateRegions()).toEqual([
-      {first: 0, last: 2, isSpacer: true},
-      {first: 3, last: 3, isSpacer: false},
-      {first: 4, last: 4, isSpacer: true},
-    ]);
-
-    renderMask.addCells({first: 3, last: 4});
-
-    expect(renderMask.enumerateRegions()).toEqual([
-      {first: 0, last: 2, isSpacer: true},
-      {first: 3, last: 4, isSpacer: false},
-    ]);
-  });
-
-  it('left+right expands region', () => {
-    const renderMask = new CellRenderMask(5);
-
-    renderMask.addCells({first: 3, last: 3});
-
-    expect(renderMask.enumerateRegions()).toEqual([
-      {first: 0, last: 2, isSpacer: true},
-      {first: 3, last: 3, isSpacer: false},
-      {first: 4, last: 4, isSpacer: true},
-    ]);
-
-    renderMask.addCells({first: 2, last: 4});
-
-    expect(renderMask.enumerateRegions()).toEqual([
-      {first: 0, last: 1, isSpacer: true},
-      {first: 2, last: 4, isSpacer: false},
-    ]);
-  });
-
-  it('does nothing when adding existing cells', () => {
-    const renderMask = new CellRenderMask(5);
-
-    renderMask.addCells({first: 2, last: 3});
-
-    expect(renderMask.enumerateRegions()).toEqual([
-      {first: 0, last: 1, isSpacer: true},
-      {first: 2, last: 3, isSpacer: false},
-      {first: 4, last: 4, isSpacer: true},
-    ]);
-
-    renderMask.addCells({first: 3, last: 3});
-
-    expect(renderMask.enumerateRegions()).toEqual([
-      {first: 0, last: 1, isSpacer: true},
-      {first: 2, last: 3, isSpacer: false},
-      {first: 4, last: 4, isSpacer: true},
-    ]);
-  });
-});

package/Lists/__tests__/FillRateHelper-test.js

@@ -1,120 +0,0 @@
-/**
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- * @format
- * @oncall react_native
- */
-
-'use strict';
-
-const FillRateHelper = require('../FillRateHelper');
-
-let rowFramesGlobal;
-const dataGlobal = [
-  {key: 'header'},
-  {key: 'a'},
-  {key: 'b'},
-  {key: 'c'},
-  {key: 'd'},
-  {key: 'footer'},
-];
-function getFrameMetrics(index: number) {
-  const frame = rowFramesGlobal[dataGlobal[index].key];
-  return {length: frame.height, offset: frame.y, inLayout: frame.inLayout};
-}
-
-function computeResult({helper, props, state, scroll}): number {
-  helper.activate();
-  return helper.computeBlankness(
-    {
-      data: dataGlobal,
-      getItemCount: data2 => data2.length,
-      initialNumToRender: 10,
-      ...(props || {}),
-    },
-    {first: 1, last: 2, ...(state || {})},
-    {offset: 0, visibleLength: 100, ...(scroll || {})},
-  );
-}
-
-describe('computeBlankness', function () {
-  beforeEach(() => {
-    FillRateHelper.setSampleRate(1);
-    FillRateHelper.setMinSampleCount(0);
-  });
-
-  it('computes correct blankness of viewport', function () {
-    const helper = new FillRateHelper(getFrameMetrics);
-    rowFramesGlobal = {
-      header: {y: 0, height: 0, inLayout: true},
-      a: {y: 0, height: 50, inLayout: true},
-      b: {y: 50, height: 50, inLayout: true},
-    };
-    let blankness = computeResult({helper});
-    expect(blankness).toBe(0);
-    blankness = computeResult({helper, state: {last: 1}});
-    expect(blankness).toBe(0.5);
-    blankness = computeResult({helper, scroll: {offset: 25}});
-    expect(blankness).toBe(0.25);
-    blankness = computeResult({helper, scroll: {visibleLength: 400}});
-    expect(blankness).toBe(0.75);
-    blankness = computeResult({helper, scroll: {offset: 100}});
-    expect(blankness).toBe(1);
-  });
-
-  it('skips frames that are not in layout', function () {
-    const helper = new FillRateHelper(getFrameMetrics);
-    rowFramesGlobal = {
-      header: {y: 0, height: 0, inLayout: false},
-      a: {y: 0, height: 10, inLayout: false},
-      b: {y: 10, height: 30, inLayout: true},
-      c: {y: 40, height: 40, inLayout: true},
-      d: {y: 80, height: 20, inLayout: false},
-      footer: {y: 100, height: 0, inLayout: false},
-    };
-    const blankness = computeResult({helper, state: {last: 4}});
-    expect(blankness).toBe(0.3);
-  });
-
-  it('sampling rate can disable', function () {
-    let helper = new FillRateHelper(getFrameMetrics);
-    rowFramesGlobal = {
-      header: {y: 0, height: 0, inLayout: true},
-      a: {y: 0, height: 40, inLayout: true},
-      b: {y: 40, height: 40, inLayout: true},
-    };
-    let blankness = computeResult({helper});
-    expect(blankness).toBe(0.2);
-
-    FillRateHelper.setSampleRate(0);
-
-    helper = new FillRateHelper(getFrameMetrics);
-    blankness = computeResult({helper});
-    expect(blankness).toBe(0);
-  });
-
-  it('can handle multiple listeners and unsubscribe', function () {
-    const listeners = [jest.fn(), jest.fn(), jest.fn()];
-    const subscriptions = listeners.map(listener =>
-      FillRateHelper.addListener(listener),
-    );
-    subscriptions[1].remove();
-    const helper = new FillRateHelper(getFrameMetrics);
-    rowFramesGlobal = {
-      header: {y: 0, height: 0, inLayout: true},
-      a: {y: 0, height: 40, inLayout: true},
-      b: {y: 40, height: 40, inLayout: true},
-    };
-    const blankness = computeResult({helper});
-    expect(blankness).toBe(0.2);
-    helper.deactivateAndFlush();
-    const info0 = listeners[0].mock.calls[0][0];
-    expect(info0.pixels_blank / info0.pixels_sampled).toBe(blankness);
-    expect(listeners[1]).not.toBeCalled();
-    const info1 = listeners[2].mock.calls[0][0];
-    expect(info1.pixels_blank / info1.pixels_sampled).toBe(blankness);
-  });
-});