Jest tests fails with 4.0.0-beta.5

[brma0907]

Description

When i run my tests with version 4.0.0-beta.5 the jest tests fails with "/node_modules/react-native-reanimated/lib/module/specs/ReanimatedNativeComponent.js: Could not find component config for native component". With 3.18.0 all works fine.
jest: 29.6.3

Steps to reproduce

Update react-native-reanimated to 4.0.0 and try to run a jest test

Snack or a link to a repository

https://snack-web-player.s3.us-west-1.amazonaws.com/v2/53/index.html?initialUrl=exp%3A%2F%2Fu.expo.dev%2F933fd9c0-1666-11e7-afca-d980795c5824%3Fruntime-version%3Dexposdk%253A53.0.0%26channel-name%3Dproduction%26snack-channel%3DSpf7tsCgK5&origin=https%3A%2F%2Fsnack.expo.dev&verbose=false

Reanimated version

4.0.0-beta.5

React Native version

0.79.4

Platforms

iOS, Android

JavaScript runtime

Hermes

Workflow

React Native

Architecture

Fabric (New Architecture)

Build type

No response

Device

No response

Host machine

None

Device model

No response

Acknowledgements

Yes

[github-actions]

Hey! 👋

The issue doesn't seem to contain a minimal reproduction.

Could you provide a snack or a link to a GitHub repository under your username that reproduces the problem?

[skusnierz]

Hi @brma0907,
it looks like the snack (link) you sent is not working, it won't load, it has been hanging like this for a few minutes :

Can you check it please ?

[ethan-krich]

Still an issue in the latest stable release

[MatiPl01]

Hey guys. Do you call setUpTests() from react-native-reanimated in your jest setup file? See the docs for more information about jest setup and let me know if it helps!

[ethan-krich]

My jest setup file:

import {setUpTests} from "react-native-reanimated";

setUpTests();

[MatiPl01]

OK, can you check if you still get this error after removing the ReanimatedView export from this file: node_modules/react-native-reanimated/lib/module/specs/index.js? Just update the file in the node modules to contain the following code:

'use strict';

import ReanimatedTurboModule from "./NativeReanimatedModule.js";
export { ReanimatedTurboModule };
//# sourceMappingURL=index.js.map

instead of

'use strict';

import ReanimatedTurboModule from "./NativeReanimatedModule.js";
import ReanimatedView from './ReanimatedViewProvider';
export { ReanimatedTurboModule, /** @knipIgnore */
ReanimatedView };
//# sourceMappingURL=index.js.map

Please tell me if it helps, because I suspect that the ReanimatedView component is the culprit here. It is not used anywhere in the reanimated yet, so you can safely remove this export.