효소/카르마/웹팩/재스민/I는 문서</p> <p>NPM 내가 --save-DEV 효소</p> <p>NPM 내가 --save-DEV 반응 - 테스트 -에 따라 설치 한

Question

작동하지 테스트 반응 렌더러 반응-DOM

(현재 15.5.4 반응 사용) 그리고 http://airbnb.io/enzyme/docs/guides/karma.html 및

내 테스트 http://airbnb.io/enzyme/docs/guides/webpack.html 전에 효소

를 사용하려고 시도에 실행중인 내 karma.conf 파일 변경

하지만

import React, {Component} from 'react'; 
import PropTypes from 'prop-types'; 
import { connect, Provider } from 'react-redux' 
import ConfigureMockStore from 'redux-mock-store'; 
import { mount } from 'enzyme'; 

즉시 import { mount } from 'enzyme'; 내가 얻을 명중 이러한 수입과 .spec.js을 실행할 때 나는 부하 오류가 발생할 수 (및 다른 부하 실패 훨씬)

ERROR in ./~/enzyme/build/react-compat.js 
Module not found: Error: Cannot resolve module 'react/addons' in D:\development\poc9-unittests\node_modules\enzyme\build 
@ ./~/enzyme/build/react-compat.js 46:16-39 47:46-69 

ERROR in ./~/enzyme/build/react-compat.js 
Module not found: Error: Cannot resolve module 'react/lib/ReactContext' in D:\development\poc9-unittests\node_modules\enzyme\build 
@ ./~/enzyme/build/react-compat.js 48:23-56 

내 karma.conf는

var webpack = require('karma-webpack'); 

module.exports = function (config) { 
    config.set({ 

    singleRun: false, 
    watched: true, 

    frameworks: ['jasmine'], 
    browsers: ['Chrome'], 

    files: [ 
     'tests.webpack.js' 
    ], 

    preprocessors: { 
     'tests.webpack.js': [ 'webpack', 'sourcemap' ] 
    }, 

    reporters: [ 'dots' ], 

    webpack: { 
     devtool: 'inline-source-map', 
     module: { 
     loaders: [ 
      { 
      test: /\.js$/, 
      loader: 'babel-loader', 
      query: { 
        presets: ['airbnb'] 
      } 
      } 
     ] 
     } 
    }, 

    externals: { 
    'react/addons': true, 
    'react/lib/ExecutionEnvironment': true, 
     'react/lib/ReactContext': true 
    }, 

    browserNoActivityTimeout: 300000, 

    plugins: [ 
     'karma-webpack', 
     'karma-jasmine', 
     'karma-sourcemap-loader', 
     'karma-chrome-launcher' 
    ], 

    webpackServer: { 
     noInfo: true 
    }, 


    }); 
}; 

어떤 아이디어가?

Answer 1

내 컴퓨터에서 프로젝트를 실행할 수 없지만 이전에 비슷한 문제가 있었던 것을 기억합니다. 그것을 해결되는지 (웹팩 설정 내에서) 당신의 카르마 설정에 아래의 추가 시도하고 참조 : -

webpack: { 
     devtool: 'inline-source-map', 
     module: { 
     loaders: [ 
      { 
      test: /\.js$/, 
      loader: 'babel-loader', 
      query: { 
        presets: ['airbnb'] 
      } 
      } 
     ] 
     }, 

     externals: { 
     'jsdom': 'window', 
     'cheerio': 'window', 
     'react/lib/ExecutionEnvironment': true, 
     'react/addons': true, 
     'react/lib/ReactContext': 'window' 
     } 
    }