2016-08-10 4 views
0

Ich habe versucht, eine reaktive App mit Jest zu testen. aber konnte nicht einen Schritt weiter gehen. Ich habe eine einfache Komponente erstellt und versucht, sie mit Spaß zu testen.Reagieren mit Jest renderIntoDocument gibt immer null zurück

hier ist die Komponente

import React from 'react' 

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

und der Test

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) 
}) 
}) 

die Ausgabe von Testcomponent nicht wirklich null ist es etwas mit ‚Testcomponent {‘ Start druckt, aber wenn ich versuche, herauszufinden, alles aus der testComponent mit der Methode scryRenderedDOMComponentsWithTag ist dies immer ein Null.

Danke

Antwort

0

die Lösung

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

zu

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

link

zu ändern
Verwandte Themen