Open1

Svgrのモック

nuinteenuintee

背景

あるReactコンポーネントをテストしようとした際にアイコンとして使用しているsvgの読み込みエラーが発生したので対処法を忘備録として残しました。

手順

1. svgrのモックファイルを作成

// mocks/svgr.ts
module.exports = { ReactComponent: "svg" };

2. jest.configにsvgrのモック設定を追加

// jest.configに追加
...
moduleNameMapper: {
    "^.+\\.(svg)$": "<rootDir>/mocks/svgr.ts",
  },

参考

https://github.com/gregberge/svgr/issues/83#issuecomment-437342861