Skip to content

Add Fantom tests for Animated components and value hooks#57547

Closed
rubennorte wants to merge 2 commits into
react:mainfrom
rubennorte:export-D111905729
Closed

Add Fantom tests for Animated components and value hooks#57547
rubennorte wants to merge 2 commits into
react:mainfrom
rubennorte:export-D111905729

Conversation

@rubennorte

Copy link
Copy Markdown
Member

Summary:
Adds Fantom -itest.js coverage for public Animated APIs that were previously untested: the Animated.Text and Animated.SectionList animated component wrappers, and the useAnimatedColor and useAnimatedValueXY hooks (including that each hook returns a stable, memoized value across re-renders).

Changelog:
[Internal]

Differential Revision: D111905729

Summary:

Adds Fantom `-itest.js` coverage for maintained, public React Native APIs that were previously untested or thinly tested, driving both the JavaScript logic and the underlying cross-platform C++ through the public `react-native` package surface.

To make JavaScript-driven animations deterministic under the test runner, this also introduces a small timing indirection in `Animated`:

- New module `Animated/AnimationTimingUtils.js` exports `getCurrentAnimationTime` (returns `Date.now()` by default) and `setAnimationTimeProvider` (overrides the time source; pass `null` to restore the default).
- `TimingAnimation`, `SpringAnimation` and `DecayAnimation` now read the current time from `getCurrentAnimationTime()` instead of calling `Date.now()` directly. The default behavior is unchanged.

With this, a test can override the provider with a clock that advances one frame per read, which drives the JS-driver animation at the same cadence as the native frame clock. The spring and decay tests use this to verify the actual animation curve (overshoot for an underdamped spring, exponential deceleration for decay), not just the final value, and to run a single unified code path for both the JS and native drivers.

New test files:
- `Animated/__tests__/SpringAnimation-itest.js`, `DecayAnimation-itest.js`, `AnimatedColor-itest.js`, `AnimatedComposition-itest.js` — spring/decay curve shape (both drivers), `Animated.Color` value semantics, and the composition nodes (`add`/`subtract`/`multiply`/`divide`/`modulo`/`diffClamp`/tracking). `AnimatedFantomTestUtils.js` holds the shared trajectory helper.
- `Components/View/__tests__/View-nativeCSSParsing-itest.js` — string-valued CSS (color functions, transform, gradients) parsed via native CSS parsing.
- `Pressability/__tests__/Pressability-touch-itest.js` — press in/out/press, long press, press delay, and responder termination via touch events and the deterministic timer mock.
- `Interaction/__tests__/PanResponder-itest.js` — grant/move/release/terminate and gesture state across touch sequences.
- `LayoutAnimation/__tests__/LayoutAnimation-itest.js` — `configureNext`/`create`/presets applying the resulting layout.
- `Network/__tests__/Network-itest.js` — synchronous `XMLHttpRequest` lifecycle and validation.

Extended test files:
- `Components/TextInput/__tests__/TextInput-itest.js` — `onSelectionChange`/`onSubmitEditing`/`onKeyPress`/`onEndEditing` events.
- `Lists/__tests__/FlatList-itest.js` — `onViewableItemsChanged` across all `viewabilityConfig` options (`itemVisiblePercentThreshold`, `viewAreaCoveragePercentThreshold`, `minimumViewTime`, `waitForInteraction`).
- `Text/__tests__/Text-itest.js` — `letterSpacing`, `lineHeight`, and `fontVariant` styles.

The runtime behavior of `Animated` is unchanged; the new timing indirection defaults to `Date.now()`.

Changelog:
[Internal]

Reviewed By: javache, zeyap

Differential Revision: D110784436
Summary:
Adds Fantom `-itest.js` coverage for public Animated APIs that were previously untested: the `Animated.Text` and `Animated.SectionList` animated component wrappers, and the `useAnimatedColor` and `useAnimatedValueXY` hooks (including that each hook returns a stable, memoized value across re-renders).

Changelog:
[Internal]

Differential Revision: D111905729
@meta-cla meta-cla Bot added the CLA Signed This label is managed by the Facebook bot. Authors need to sign the CLA before a PR can be reviewed. label Jul 14, 2026
rubennorte added a commit to rubennorte/react-native that referenced this pull request Jul 14, 2026
Summary:

Adds Fantom `-itest.js` coverage for public Animated APIs that were previously untested: the `Animated.Text` and `Animated.SectionList` animated component wrappers, and the `useAnimatedColor` and `useAnimatedValueXY` hooks (including that each hook returns a stable, memoized value across re-renders).

Changelog:
[Internal]

Reviewed By: sammy-SC

Differential Revision: D111905729
@meta-codesync meta-codesync Bot closed this in 704e286 Jul 14, 2026
@meta-codesync meta-codesync Bot added the Merged This PR has been merged. label Jul 14, 2026
@meta-codesync

meta-codesync Bot commented Jul 14, 2026

Copy link
Copy Markdown

This pull request has been merged in 704e286.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

CLA Signed This label is managed by the Facebook bot. Authors need to sign the CLA before a PR can be reviewed. Merged This PR has been merged. meta-exported p: Facebook Partner: Facebook Partner

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant