結論
moduleNameMapperにscssとsassを追加する
jest.config.js
export default {
preset: "ts-jest",
testEnvironment: "jsdom",
setupFilesAfterEnv: ["./jest.setup.ts"],
transform: {
"^.+\\.(ts|tsx)$": "ts-jest",
},
moduleNameMapper: {
"\\.(css|less|scss|sass)$": "identity-obj-proxy",
},
};
エラー
テスト実行時に以下のエラーが発生した
SyntaxError: Private field '#root' must be declared in an enclosing class
原因
開発中にCSSからSCSSに変更したのが原因