#reactjs #testing #jestjs
#reactjs #тестирование #jestjs
Вопрос:
Я использую приложение Create React, которое извлекается. Я включил свой репозиторий компонентов в качестве подмодуля git. Мое приложение отлично работает на локальном и способно успешно генерировать производственную сборку. Но когда я запускаю тест Jest. Я получаю эту ошибку. код в репозитории подмодулей не переносится. и получение этой ошибки.
`import { STToastContainer } from 'design/atoms/Toast';`
Я упаковываю файл.json, это моя настройка jest
"jest": {
"collectCoverageFrom": [
"src/**/*.{js,jsx,ts,tsx}",
"!src/**/*.d.ts"
],
"resolver": "jest-pnp-resolver",
"setupFiles": [
"react-app-polyfill/jsdom"
],
"setupFilesAfterEnv": [
"<rootDir>/src/setupTests.js"
],
"testMatch": [
"<rootDir>/src/**/__tests__/**/*.{js,jsx,ts,tsx}",
"<rootDir>/src/**/?(*.)(spec|test).{js,jsx,ts,tsx}",
"<rootDir>/src/*.{js,jsx,ts,tsx}"
],
"testEnvironment": "jsdom",
"testURL": "http://localhost",
"transform": {
"^. \.(js|jsx|ts|tsx)$": "<rootDir>/node_modules/babel-jest",
"^. \.css$": "<rootDir>/config/jest/cssTransform.js",
"^(?!.*\.(js|jsx|ts|tsx|css|json)$)": "<rootDir>/config/jest/fileTransform.js"
},
"transformIgnorePatterns": [
"[/\\]node_modules[/\\]. \.(js|jsx|ts|tsx)$",
"^. \.module\.(css|sass|scss)$"
],
"moduleNameMapper": {
"^react-native$": "react-native-web",
"^. \.module\.(css|sass|scss)$": "identity-obj-proxy",
"^util/(.*)$": "<rootDir>/src/util/$1",
"^tests/*/*(.*)$": "<rootDir>/src/tests/$1",
"^modules/*/*(.*)$": "<rootDir>/src/modules/$1",
"^auth(.*)$": "<rootDir>/src/auth$1",
"^store(.*)$": "<rootDir>/src/store$1",
"^shared/*/*(.*)$": "<rootDir>/src/shared/$1"
},
"moduleFileExtensions": [
"web.js",
"js",
"web.ts",
"ts",
"web.tsx",
"tsx",
"json",
"web.jsx",
"jsx",
"node"
]
},
мой babel.config.js
module.exports = {
presets: [["react-app", { flow: false, typescript: true }]]
};
Я использую псевдоним для репозитория подмодулей
"_moduleAliases": {
"design": "sastaticket-dsm/src"
},