Recién estoy comenzando con el marco de prueba de Jest y, si bien las pruebas unitarias directas funcionan bien, tengo grandes problemas para probar cualquier componente que en su módulo (módulo ES a través de babel + webpack) requiera un archivo HTML.

Aquí hay un ejemplo:

import './errorHandler.scss';
import template from './errorHandler.tmpl';

class ErrorHandler {
    ...

Estoy cargando el archivo SCSS específico del componente que configuré en Jestpackage.json config para devolver un objeto vacío pero cuando Jest intenta ejecutar elimport template from './errorHandler.tmpl'; línea se rompe diciendo:

/Users/jannis/Sites/my-app/src/scripts/errorHandler/errorHandler.tmpl.html:1
({"Object.<anonymous>":function(module,exports,require,__dirname,__filename,global,jest){<div class="overlay--top">
                                                                                         ^
    SyntaxError: Unexpected token <

        at transformAndBuildScript (node_modules/jest-runtime/build/transform.js:284:10)

My Jest config depackage.json es como sigue:

"jest": {
    "setupTestFrameworkScriptFile": "<rootDir>/test/setupFile.js",
    "moduleDirectories": ["node_modules"],
    "moduleFileExtensions": ["js", "json", "html", "scss"],
    "moduleNameMapper": {
        "^.+\\.scss$": "<rootDir>/test/styleMock.js"
    }
}

Parece que el paquete webhtml-loader no funciona correctamente con Jest pero no puedo encontrar ninguna solución sobre cómo solucionarlo.

¿Alguien sabe cómo puedo hacer esto?html-loader imports trabajo en mis pruebas? Cargan mi marcado de plantilla lodash y prefiero no tener estos, a veces, enormes fragmentos HTML en mi.js archivo para que pueda omitir elimport template from x parte.

PD: Este no es un proyecto de reacción, simplemente webpack, babel, es6.