[jest-dom] TypeError: expect(...).toBeInTheDocument is not a function

Current Behavior

I have configured jest.config.js globally and added setupFilesAfterEnv as explained in https://github.com/testing-library/jest-dom

But setupFilesAfterEnv is not injecting jest.setup.ts file to tests. Thus, compiler cannot find matcher functions of jest-dom.

Note: If I configure it on app/lib level, it’s working. But global configuration is not working

Expected Behavior

import "testing-library/jest-dom" should be injected to every test file.

Steps to Reproduce

1. Create jest.setup.ts file in nx workspace root and import ‘@testing-library/jest-dom’.
2. Add setupFilesAfterEnv: ['<rootDir>/jest.setup.ts'] to global jest.config.js
3. Use any jest-dom matcher in your test (Example: toBeInTheDocument).
4. Run that test.

Failure Logs

Environment

[silogos]

install devDepedencies @types/testing-library__jest-dom and add configuration at jest.config.js

{
  setupFilesAfterEnv: [
    "@testing-library/jest-dom/extend-expect"
  ]
}

[rizaldirnm]

Install:

1. @testing-library/jest-dom
2. @types/testing-library__jest-dom

Setting up

1. Create setupTests.ts in root your project and add the following code

import '@testing-library/jest-dom'

1. Edit **/apps/your-app-here/jest.config.ts with following the code

export default {
    ....
    setupFilesAfterEnv: ['../../setupTests.ts'],
}

From here you can run the Test smoothly… BUT you still have kind issue with typescript, to fix this follow next step

1. Edit **/apps/your-app-here/tsconfig.json

{
   ...

   "include": [
      ....
       "../../setupTests.ts",
    ]

   ...
}

You should ready to Go.