나는 이와 같은 구성 요소가 createReactApp

Question

를 사용하는지도 OpenLayers를 포함하는 구성 요소를 테스트하는 방법이 같은

import React, { Component } from 'react'; 
import Map from 'ol/map'; 
import View from 'ol/view'; 
import Tile from 'ol/layer/tile'; 
import OSM from 'ol/source/osm'; 
import { mapInitialized } from '../../actions/map'; 

export default class MapWrapper extends Component<Props> { 
    componentDidMount() { 
    const map = new Map({ 
     layers: [ 
     new Tile({ 
      source: new OSM(), 
     }), 
     ], 
     view: new View({ 
     center: [0, 0], 
     zoom: 2, 
     }), 
     target: 'map', 
    }); 
    } 
    render() { 
    return (
     <MapWrapper id="map" className="map" /> 
    ); 
    } 
} 

그리고 테스트 : "NPM 테스트"를 실행 한 후

import React from 'react'; 
import {Shallow} from 'enzyme'; 
import MapWrapper from '../mapWrapper/MapWrapper' 

it ('renders without crashing',()=>{ 
    Shallow(<MapWrapper/>); 
}) 

를 내가 나를 준다 오류 메시지 :

"node_modules\ol\map.js:1 
({"Object.<anonymous>":function(module,exports,require,__dirname,__filename,global,jest) 
{import _ol_ from './index.js'; 
^^^^^^ 
SyntaxError: Unexpected token import 
at ScriptTransformer._transformAndBuildScript (node_modules/jest-runtime/build/ScriptTransformer.js:289:17) 

나는 그것을 알아 냈으므로 ol/map.js 파일 트로피 바벨을 변환하지 않았습니다. 그러나 나는 그것에 대해 무엇을 할 수 있습니까?

Answer 1

jest.config.js 파일에 다음을 추가해야했습니다. 희망이 도움이됩니다.

"transformIgnorePatterns": [ 
    "node_modules/(?!(ol)/)" 
]