çağıran setState yeniden oluşturulmuyorsa bileşeni

Question

Bir jest tabanlı test aşağıdaki kodu vardır:

it('will show the hero loop if there is one', function() { 

    var React = require('react/addons'); 
    var ShowsDetailHeader = require('../../../../routes/shows/components/ShowsDetailHeader.jsx'); 
    var mockData = require('../../../../mock/episodeDetailData'); 
    mockData.data.show.assets._webHeroVideoUrl = 'https://test.video.com'; 

    var Subject = require('../../../../mock/stubRouterContext')(ShowsDetailHeader, { 
     show: mockData.data.show 
    }); 

    var TestUtils = React.addons.TestUtils; 

    var showsHeader = TestUtils.renderIntoDocument(
     <Subject /> 
    ); 

    showsHeader.setState({ 
     showVideo: true 
    }); 

    var videoClass = TestUtils.findRenderedDOMComponentWithClass(showsHeader, 'flex-video').getDOMNode().getAttribute('class'); 

    expect(videoClass.indexOf('in')).toBe(-1); 

    console.log(videoClass); 


    }); 

Benim önceki test bileşeninin başlangıç ​​durumunu test eder. Şimdi bir durum değişikliğinden sonra bileşeni kontrol etmek için setState'i aramak istiyorum. Burada kaydediyorum videoClass aynı kalır. Ben reaksiyona giriyorum 0.12. ve son şaka 0.4.0.

Ayarlanan durumdan sonra neler olup bittiğini sınama konusunda herhangi bir fikir var mı?

Answer 1

setState zaman uyumsuz, yani muhtemelen

showsHeader.setState({ 
     showVideo: true 
    }); 
jest.runAllTicks(); 
find ... 
expect ... 

ihtiyaç Ama devlet ui olay veya veri değişikliğinden bir bileşeni içindeki değişim, sebep olmalıdır devlet özel olması gerektiğini düşünüyorum ve değiştirilemez direkt olmamalıdır. Bileşeni dışardan değiştirmek isterseniz, bir seçenek, halka için props kullanıyor.