webpackですべてをバンドルせずにJestでテストすると " - ！svg-react-loader！/ path/to/my.svg"を無視する方法

Question

SVGファイルの一部にsvg-react-loaderを使用しています我々のアプリケーションでは。エラーで

/* global it, document */ 
import React from 'react' 
import ReactDOM from 'react-dom' 
import Comp from './Icon' 

it('renders without crashing',() => { 
    const div = document.createElement('div') 
    ReactDOM.render(<Comp><div /></Comp>, div) 
}) 

：

{ 
    "presets": [ 
    "es2015", 
    "react" 
    ], 
    "plugins": [ 
    "transform-decorators-legacy", 
    "transform-class-properties", 
    "transform-object-rest-spread" 
    ] 
} 

次のテストが失敗した：私たちは、バベル、冗談と、次の.babelrcで実行するように設定冗談にしようとしている Cannot find module '-!svg-react-loader!../../assets/grid.svg' from 'Icon.js'

' - ！svg-react-loader！../../ assets/grid.svg'からのインポートグリッドで始まるインポートを無視するにはどうすればいいですか？ jest？

Answer 1

私がこれを解決したのは、- ！svg-react-loader！を含むインポート用のjest mockを追加することでした。をモジュールの先頭に置きます。

'use strict'; 
module.exports = 'div'; 

ファイルが単純ではないが存在する可能性があるため、それは、理想的ではないですが、仮定はWebPACKので束ねるときに我々が欠けているモジュールを参照してくださいということです。svgImportMock.jsがある

"moduleNameMapper": { 
    "^-!svg-react-loader.*$": "<rootDir>/config/jest/svgImportMock.js" 
} 

。