英文:
How to read absolute path when using Jest?
问题
我有一个使用Vite框架的React应用程序，我想使用Jest编写测试用例。但问题是，Jest无法读取导入语句中使用的绝对路径。
以下是参考的tsConfig文件和jest配置文件。
tsconfig.json
{
"compilerOptions": {
"target": "ESNext",
"lib": ["dom", "dom.iterable", "esnext"],
"types": ["./types/fin", "./types/heap", "node", "jest", "vite/client", "vite-plugin-svgr/client"],
"allowJs": true,
"skipLibCheck": true,
"esModuleInterop": true,
"allowSyntheticDefaultImports": true,
"strict": true,
"forceConsistentCasingInFileNames": true,
"noFallthroughCasesInSwitch": true,
"module": "esnext",
"moduleResolution": "node",
"resolveJsonModule": true,
"isolatedModules": true,
"noEmit": false,
"jsx": "react-jsx",
"noImplicitAny": false,
"baseUrl": ".",
"paths": {
"src/*": ["src/*"]
}
},
"include": ["src", "src/config/authConfig.ts"],
"exclude": ["node_modules", "build"]
}
jest.config.json
module.exports = {
preset: 'ts-jest',
collectCoverage: true,
collectCoverageFrom: ['./src/**'],
testEnvironment: 'node',
moduleNameMapper: { '^.+\\.(css|less|gif|jpg|jpeg|svg|png)$': 'module.exports = {};' },
};
请查看配置文件并建议可以在其中执行的操作。
错误：
● Test suite failed to run
Cannot find module 'src/pages/page1' from 'src/components/Modules/Module1.tsx'
Require stack:
'src/components/Modules/Module1.tsx'
'src/components/Modules/Module1.test.tsx'
1 | import { useState, useEffect, useContext, useRef } from 'react';
> 2 | import { dummy } from 'src/pages/page1';
| ^
3 | import { dummy2 } from 'src/pages/page';
at Resolver._throwModNotFoundError (node_modules/jest-resolve/build/resolver.js:427:11)
at Object.require (src/components/Modules/Module1.tsx:2:1)
at Object.<anonymous> (src/components/Modules/Module1.tsx.test.tsx:2:1)
英文:
I have a react application with Vite framework in which I want to write the test cases using Jest.
But the issue is jest is unable to read absolute path used in the import statements.
Attaching tsConfig file and jest config file for reference.
tsconfig.json
{
"compilerOptions": {
"target": "ESNext",
"lib": ["dom", "dom.iterable", "esnext"],
"types": ["./types/fin", "./types/heap", "node", "jest", "vite/client", "vite-plugin-svgr/client"],
"allowJs": true,
"skipLibCheck": true,
"esModuleInterop": true,
"allowSyntheticDefaultImports": true,
"strict": true,
"forceConsistentCasingInFileNames": true,
"noFallthroughCasesInSwitch": true,
"module": "esnext",
"moduleResolution": "node",
"resolveJsonModule": true,
"isolatedModules": true,
"noEmit": false,
"jsx": "react-jsx",
"noImplicitAny": false,
"baseUrl": ".",
"paths": {
"src/*": ["src/*"]
}
},
"include": ["src", "src/config/authConfig.ts"],
"exclude": ["node_modules", "build"]
}
jest.config.json
module.exports = {
preset: 'ts-jest',
collectCoverage: true,
collectCoverageFrom: ['./src/**'],
testEnvironment: 'node',
moduleNameMapper: { '^.+\\.(css|less|gif|jpg|jpeg|svg|png)$': 'module.exports = {};' },
};
Please have a look on the config files and suggest what can done in this.
Error:-
● Test suite failed to run
Cannot find module 'src/pages/page1' from 'src/components/Modules/Module1.tsx'
Require stack:
'src/components/Modules/Module1.tsx'
'src/components/Modules/Module1.test.tsx'
1 | import { useState, useEffect, useContext, useRef } from 'react';
> 2 | import { dummy } from 'src/pages/page1';
| ^
3 | import { dummy2 } from 'src/pages/page';
at Resolver._throwModNotFoundError (node_modules/jest-resolve/build/resolver.js:427:11)
at Object.require (src/components/Modules/Module1.tsx:2:1)
at Object.<anonymous> (src/components/Modules/Module1.tsx.test.tsx:2:1)
答案1
得分: 0
在我的情况下，为了解决这个问题，我只是在 jest.config.js 中添加了以下内容：
moduleNameMapper: { '^.+\\.(css|less|gif|jpg|jpeg|svg|png)$': 'module.exports = {};', 'src/(.*)': '<rootDir>/src/$1' },
请注意我添加的最后一个 src 部分。
英文:
To solve this issue in my case I just added this in jest.config.js
moduleNameMapper: { '^.+\\.(css|less|gif|jpg|jpeg|svg|png)$': 'module.exports = {};', 'src/(.*)': '<rootDir>/src/$1' },
Look at the last src part which I have added.
通过集体智慧和协作来改善编程学习和解决问题的方式。致力于成为全球开发者共同参与的知识库，让每个人都能够通过互相帮助和分享经验来进步。
评论