packages/react-native/Libraries/ReactNative/__tests__/State-ForcedCloneCommitHook-itest.js - main - githubmr/facebook-react-native

packages/react-native/Libraries/ReactNative/__tests__/State-ForcedCloneCommitHook-itest.js

58 строк2 KB

Nick Lefever

Enable RSNRU only for React commits (#51843)

06 июн 2025, 00:09

06 июн 2025, 00:09e51a5f0

/**
 * 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.
 *
 * @fantom_flags useShadowNodeStateOnClone:true
 * @fantom_flags updateRuntimeShadowNodeReferencesOnCommit:*
 * @flow strict-local
 * @format
 */

import '@react-native/fantom/src/setUpDefaultReactNativeEnvironment';

import type {HostInstance} from 'react-native';

import ensureInstance from '../../../src/private/__tests__/utilities/ensureInstance';
import * as Fantom from '@react-native/fantom';
import * as React from 'react';
import {createRef} from 'react';
import {ScrollView, View} from 'react-native';
import NativeFantomTestSpecificMethods from 'react-native/src/private/testing/fantom/specs/NativeFantomTestSpecificMethods';
import ReactNativeElement from 'react-native/src/private/webapis/dom/nodes/ReactNativeElement';

NativeFantomTestSpecificMethods.registerForcedCloneCommitHook();

describe('ScrollViewShadowNode', () => {
  it('maintains state after commit hook processing', () => {
    const root = Fantom.createRoot();
    const scrollViewRef = createRef<HostInstance>();

    Fantom.runTask(() => {
      root.render(
        <View>
          <ScrollView ref={scrollViewRef} />
          <View nativeID="to-be-cloned-in-the-commit-hook" />
        </View>,
      );
    });

    const scrollViewElement = ensureInstance(
      scrollViewRef.current,
      ReactNativeElement,
    );

    // Scrolling triggers a state update to store the scroll position
    // - the state update gets committed
    // - during the commit, the shadow tree gets processed by the commit hook
    // - the commit hook clones the View with nativeID set to 'to-be-cloned-in-the-commit-hook'
    // - the parent YogaLayoutableShadowNode receives the changed children
    // - this leads to all direct children to be adopted
    // - the ScrollViewShadowNode gets cloned as part of the child adoption
    Fantom.scrollTo(scrollViewElement, {x: 0, y: 777});

    // With the useShadowNodeStateOnClone feature flag enabled, state is maintained after the commit hook processing
    expect(scrollViewElement.scrollTop).toBe(777);
  });
});