how to run test inside a nextjs project - jestjs

Question

I need to use react-testing-library for unit test cases in nextjs application. In react applications which was created using create react app, I used to just call npm run test and the test scripts run.
But in nexJs while trying to calling npm run test if gives errors.
The nextjs application was created using create-next-app.
I installed react-testing-library manually into nextjs application.
I installed:
#testing-library/react
#testing-library/jest-dom
#testing-library/user-event
jest
babel-jest
And in package.js added the test script:
"test": "jest"
package.json:
{
"name": "thestobook",
"private": true,
"scripts": {
"dev": "next dev",
"build": "next build",
"start": "next start",
"lint": "next lint",
"test": "jest"
},
"dependencies": {
"#emotion/react": "^11.7.1",
"#emotion/styled": "^11.6.0",
"#material-ui/core": "^4.12.3",
"#material-ui/icons": "^4.11.2",
"#mui/icons-material": "^5.3.1",
"#mui/material": "^5.4.0",
"#testing-library/jest-dom": "^5.16.4",
"#testing-library/react": "^13.2.0",
"#testing-library/user-event": "^14.2.0",
"#types/axios": "^0.14.0",
"axios": "^0.25.0",
"babel-jest": "^28.1.0",
"bcryptjs": "^2.4.3",
"formik": "^2.2.9",
"jest": "^28.1.0",
"js-cookie": "^3.0.1",
"jsonwebtoken": "^8.5.1",
"mongoose": "^6.2.0",
"next": "12.0.10",
"react": "17.0.2",
"react-dom": "17.0.2",
"react-outside-click-handler": "^1.3.0",
"react-slugify": "^2.1.0",
"react-test-renderer": "^18.1.0",
"react-toastify": "^8.2.0",
"recoil": "^0.6.1",
"sass": "^1.49.4",
"slugify": "^1.6.5",
"use-image-color": "0.0.9",
"yup": "^0.32.11"
},
"devDependencies": {
"#types/node": "17.0.14",
"#types/react": "17.0.38",
"eslint": "8.8.0",
"eslint-config-next": "12.0.10",
"typescript": "4.5.5"
}
}
After installation, Created jest.config.js:
module.exports = {
setupFilesAfterEnv: ["./jest.setup.js"],
};
also created jest.setup.js:
import "#testing-library/jest-dom";
test file created in __ test __ folder --> ComponentName.test.js
import { render, screen } from "#testing-library/react";
import Profile from "../Profile";
it("should be same as the text passed", () => {
render(<Profile />);
const textElement = screen.getByText(/explore/i);
expect(textElement).toBeInTheDocument();
});
While npm run test, It runs the test but after that gives error.
Error in terminal:
Test Suites: 1 failed, 1 total
Tests: 0 total
Snapshots: 0 total
Time: 0.343 s
Ran all test suites.
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! thestobook# test: `jest`
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the thestobook# test script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.
npm ERR! A complete log of this run can be found in:
npm ERR! /Users/saikrishnadas/.npm/_logs/2022-05-25T09_49_40_372Z-debug.log
Complete Error Log:
0 info it worked if it ends with ok
1 verbose cli [ '/usr/local/bin/node', '/usr/local/bin/npm', 'run', 'test' ]
2 info using npm#6.14.13
3 info using node#v14.17.1
4 verbose run-script [ 'pretest', 'test', 'posttest' ]
5 info lifecycle thestobook#~pretest: thestobook#
6 info lifecycle thestobook#~test: thestobook#
7 verbose lifecycle thestobook#~test: unsafe-perm in lifecycle true
8 verbose lifecycle thestobook#~test: PATH: /usr/local/lib/node_modules/npm/node_modules/npm-lifecycle/node-gyp-bin:/Users/saikrishnadas/thestobook/thestobook/node_modules/.bin:/opt/homebrew/bin:/opt/homebrew/sbin:/usr/local/bin:/usr/bin:/bin:/usr/sbin:/sbin:/opt/homebrew/bin:/opt/homebrew/sbin
9 verbose lifecycle thestobook#~test: CWD: /Users/saikrishnadas/sai-learn/thestobook/thestobook
10 silly lifecycle thestobook#~test: Args: [ '-c', 'jest' ]
11 silly lifecycle thestobook#~test: Returned: code: 1 signal: null
12 info lifecycle thestobook#~test: Failed to exec test script
13 verbose stack Error: thestobook# test: `jest`
13 verbose stack Exit status 1
13 verbose stack at EventEmitter.<anonymous> (/usr/local/lib/node_modules/npm/node_modules/npm-lifecycle/index.js:332:16)
13 verbose stack at EventEmitter.emit (events.js:375:28)
13 verbose stack at ChildProcess.<anonymous> (/usr/local/lib/node_modules/npm/node_modules/npm-lifecycle/lib/spawn.js:55:14)
13 verbose stack at ChildProcess.emit (events.js:375:28)
13 verbose stack at maybeClose (internal/child_process.js:1055:16)
13 verbose stack at Process.ChildProcess._handle.onexit (internal/child_process.js:288:5)
14 verbose pkgid thestobook#
15 verbose cwd /Users/saikrishnadas/thestobook/thestobook
16 verbose Darwin 21.1.0
17 verbose argv "/usr/local/bin/node" "/usr/local/bin/npm" "run" "test"
18 verbose node v14.17.1
19 verbose npm v6.14.13
20 error code ELIFECYCLE
21 error errno 1
22 error thestobook# test: `jest`
22 error Exit status 1
23 error Failed at the thestobook# test script.
23 error This is probably not a problem with npm. There is likely additional logging output above.
24 verbose exit [ 1, true ]