Jest - le module 'xxx' est introuvable dans le chemin 'xxx'

Question

J'ai une application react et lorsque j'essaie d'exécuter un test simple, elle ne trouve pas le fichier appelé dans le composant.

Dans l'application, tout fonctionne bien. Ce n'est que lors d'un test pour plaisanter que j'obtiens cette erreur.

Une idée de comment dire à jest 与 tsconfig d'avoir la même configuration ?

Voici l'import qui a échoué dans le composant testé :

import socialMediaToComponent from "ui/configs/socialMediaToComponent";

Voici mon test :

describe("SocialMediaArea", () => {
    it("should display specific social media links", () => {
        render(<SocialMedias />);
[...]

tsconfig：

{
    "compilerOptions": {
        "baseUrl": "src",
[...]

jest.config：

const config: Config.InitialOptions = {
    preset: "ts-jest",
    testEnvironment: "jsdom",
    verbose: true,
    rootDir: `src/`,
    moduleNameMapper: {
        "\.(jpg|png|webp|css|scss)$": "<rootDir>/__tests__/mocks/mockAssets/mockEmpty.ts",
        "\.svg": "<rootDir>/__tests__/mocks/mockAssets/mockReactComponents.ts",
    },
    testMatch: ["**/*.test.tsx"],
    setupFilesAfterEnv: ["<rootDir>/__tests__/setupTest.ts"],
};

export default config;

Answer 1

J'ai trouvé la solution. Mettre ceci ici au cas où cela aiderait. J'ai ajouté jest.config.ts :

import { compilerOptions } from '/app/tsconfig.json'

[...]
modulePaths: [compilerOptions.baseUrl],