TypeError: expect.extend is not a function

[billnbell]

Latest RN 2.8.0 "react-native-reanimated": "2.8.0".

Getting:
FAIL src/tests/ComponentRender-test.tsx
● Test suite failed to run

TypeError: expect.extend is not a function

  at Object.setUpTests (node_modules/react-native-reanimated/lib/reanimated2/jestUtils.js:219:10)
  at Object.<anonymous> (jestSetupFile.js:163:62)

[github-actions]

Hey! 👋

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

Could you provide a snippet of code, a snack or a link to a GitHub repository that reproduces the problem?

[github-actions]

Hey! 👋

It looks like you've omitted a few important sections from the issue template.

Please complete Description, Snack or minimal code example, Package versions and Affected platforms sections.

[billnbell]

This happens on jest upgrade from ^27.5.1 → ^28.0.3

[matt-oakes]

To fix this:

1. Ensure you are calling this inside a script script that runs in setupFilesAfterEnv NOT setupFiles
2. Change the import in the script to const { expect } = require('@jest/globals'); from const expect = require('expect'); with patch-package

I have opened a PR to fix this here: #3217

[finalight]

To fix this:

1. Ensure you are calling this inside a script script that runs in setupFilesAfterEnv NOT setupFiles
2. Change the import in the script to const { expect } = require('@jest/globals'); from const expect = require('expect'); with patch-package

I have opened a PR to fix this here: #3217

i've tried the same thing you did, but it still shows me the same error

[mayconline]

To fix this:

1. Ensure you are calling this inside a script script that runs in setupFilesAfterEnv NOT setupFiles
2. Change the import in the script to const { expect } = require('@jest/globals'); from const expect = require('expect'); with patch-package

I have opened a PR to fix this here: #3217

same error, i believe this resolve this error when merge,
link do helper: https://jestjs.io/pt-BR/docs/upgrading-to-jest28

[finalight]

the PR is merged, but i still facing the same error

  ● Test suite failed to run

    TypeError: expect.extend is not a function

      22 | }
      23 |
    > 24 | require('react-native-reanimated/lib/reanimated2/jestUtils').setUpTests()
         |                                                              ^
      25 |
      26 | // eslint-disable-next-line no-underscore-dangle
      27 | global.__reanimatedWorkletInit = jest.fn()

      at Object.extend [as setUpTests] (node_modules/react-native-reanimated/lib/reanimated2/jestUtils.js:152:12)
      at Object.setUpTests (jest-utils/jest.setup.js:24:62)

[Norfeldt]

@matt-oakes
Here is a repo showing how it breaks after upgrading to jest 28 https://github.com/Norfeldt/expo-46-with-jest-rtnl-reanimated

When I try to run it in my private repo with jest ~26 it blows up:

yarn run v1.22.19
$ jest --config='./test/jest/config.js' --colors --coverage=false --forceExit --runInBand
watchman warning:  Recrawled this watch 257 times, most recently because:
MustScanSubDirs UserDroppedTo resolve, please review the information on
https://facebook.github.io/watchman/docs/troubleshooting.html#recrawl
To clear this warning, run:
...

ReferenceError: You are trying to `import` a file after the Jest environment has been torn down.

      at Object.get findNodeHandle [as findNodeHandle] (node_modules/react-native/index.js:196:12)
      at AnimatedComponent._detachPropUpdater (node_modules/react-native-reanimated/lib/createAnimatedComponent.js:490:40)
      at AnimatedComponent.componentWillUnmount (node_modules/react-native-reanimated/lib/createAnimatedComponent.js:243:14)
      at callComponentWillUnmountWithTimer (node_modules/react-test-renderer/cjs/react-test-renderer.development.js:12755:14)
      at safelyCallComponentWillUnmount (node_modules/react-test-renderer/cjs/react-test-renderer.development.js:12762:5)

ReferenceError: You are trying to `import` a file after the Jest environment has been torn down.

      15 |       {props.children}
      16 |     </TouchableWithoutFeedback>
    > 17 |   )
         |    ^
      18 | }
      19 |

      at Object.get TouchableWithoutFeedback [as TouchableWithoutFeedback] (node_modules/react-native/index.js:126:12)
      at DismissKeyboard (components/DismissKeyboard/index.tsx:17:44)
      at describeNativeComponentFrame (node_modules/react-test-renderer/cjs/react-test-renderer.development.js:2031:7)
      at describeFunctionComponentFrame (node_modules/react-test-renderer/cjs/react-test-renderer.development.js:2126:12)
      at describeFiber (node_modules/react-test-renderer/cjs/react-test-renderer.development.js:2783:14)

  ●  Cannot log after tests are done. Did you forget to wait for something async in your test?
    Attempted to log "The above error occurred in the <AnimatedComponent(Text)> component:

        at AnimatedComponent (/Users/norfeldt/repos/NORD.investments/expo-app/node_modules/react-native-reanimated/lib/createAnimatedComponent.js:150:36)
        at Moti (/Users/norfeldt/repos/NORD.investments/expo-app/node_modules/@motify/core/lib/commonjs/motify.tsx:55:9)