Jest – Modul „xxx“ nicht im Pfad „xxx“ gefunden

Question

Ich habe eine react Anwendung und wenn ich versuche, einen einfachen Test auszuführen, kann sie die in der Komponente aufgerufene Datei nicht finden.

In der App funktioniert alles einwandfrei. Nur wenn ich scherzhaft teste, erhalte ich diesen Fehler.

Irgendeine Idee, wie man jest 与 tsconfig anweisen kann, die gleiche Konfiguration zu haben?

Dies ist der Import, der in der getesteten Komponente fehlgeschlagen ist:

import socialMediaToComponent from "ui/configs/socialMediaToComponent";

Das ist mein 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

我找到了解决方案。把它放在这里以防有帮助。 我在 jest.config.ts 中添加了：

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

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