2016-07-08 15 views
0

Hello World反応コンポーネントのみを含む単純な反応アプリケーションがあり、Jestでテストしたいと思います。ここでJest renderIntoDocumentが動作しない

は私のこんにちは、単純な世界のコンポーネント

import React from 'react'; 

class HelloWorld extends React.Component { 

    render() { 
     return (
      <div> 
       Hello world 
      </div> 
     ); 
    } 
} 

export default HelloWorld; 

だとここに私のテスト

// helloWorldTest-spec.js 
jest.unmock('../src/components/HelloWorld'); 

import React from 'react'; 
import ReactDOM from 'react-dom'; 
import TestUtils from 'react-addons-test-utils'; 
import HelloWorld from '../src/components/HelloWorld'; 

describe('jest test',() => { 

    const HelloWorld = TestUtils.renderIntoDocument(
     <HelloWorld /> 
    ); 

    it('should exist',() => { 
     expect(true).toEqual(true); // just want the test to pass 
    }); 
}); 

は、それがこの

runtime Error 
    - TypeError: Cannot read property 'default' of undefined 
     at Object.<anonymous> (__tests__/helloWorldTest-spec.js:5:36) 
    at Runtime._execModule (node_modules/jest-runtime/build/index.js:375:17) 
    at Runtime.requireModule (node_modules/jest-runtime/build/index.js:210:14) 
    at jasmine2 (node_modules/jest-jasmine2/build/index.js:293:11) 
    at Test.run (node_modules/jest-cli/build/Test.js:50:12) 
    at promise.then.then.data (node_modules/jest-cli/build/TestRunner.js:264:62) 
    at process._tickCallback (internal/process/next_tick.js:103:7) 

1 test suite failed, 0 tests passed (0 total in 1 test suite, run time 1.002s) 

を失敗し、返しますだ誰もが同様の問題に遭遇していますか?

答えて

0

これを実証しました。それは命名の問題です。

const HelloWorld 

import HelloWorld 
+0

と同じであるあなたはこれで前進することができますか?私はほとんど同じような問題を抱えていましたが、 "const Helloworld"は常にヌルです。これ以上進めることはできませんでした。これについて何か考えていますか? –

関連する問題