2016-08-10 25 views
0

jestを使用して反応するアプリケーションをテストしようとしています。さらにステップを進めることさえできませんでした。私はシンプルコンポーネントを作成し、それをテストしてみました。ここjestに反応するrenderIntoDocumentは常にnullを返します。

コンポーネント

import React from 'react' 

export default class TestComponent extends React.Component{ 
render(){ 
    return(
     <h1>This is a Test Component</h1> 
    ) 
} 
} 

とテスト

jest.dontMock('../src/components/TestComponent') 

import TestComponent from '../src/components/TestComponent' 
var React = require('react'), 
TestUtils = require('react-addons-test-utils') 

describe('TestComponent',() =>{ 

it('should Render Somehow',() => { 
    let testComponent = TestUtils.renderIntoDocument(
     <TestComponent /> 
    ) 
    let com = TestUtils.scryRenderedDOMComponentsWithTag(testComponent, 'h1') 
     expect(com.length).toEqual(1); 
    console.log(com) 
}) 
}) 

あるtestComponentの出力は、それが「Testcomponent {」で始まる何かを出力し、実際にnullではありませんが、私は見つけることを試みたときscryRenderedDOMComponentsWithTagメソッドを使用するtestComponentからのものは、常にnullです。

答えて

0

ソリューションは

jest.unmock('../src/components/TestComponent') 

link

jest.dontMock('../src/components/TestComponent') 

を変更することでしたありがとう

関連する問題