酵素wrapper.stateがnullを返す

Question

私の酵素単位テストで私のコンポーネントのデフォルト状態をチェックしようとしています。このために、私は次のコンポーネントがあります。

import React, { Component } from 'react'; 

class Picker extends Component { 
    constructor(props) { 
     super(props); 
     this.state = { 
     sources: true 
    }; 
} 

を...

export default Picker; 

は最後に、私のユニットテストは、次のようになります。

it('should contain `everything` as a default value',() => { 
    const wrapper = mount(<Picker name='cnn' />); 
    expect(wrapper.state('sources')).to.exist() 
}); 

私はここに直面してる問題がありますそれは、コンポーネントのデフォルト状態を取得できません。関数wrapper.state（ 'sources'）は、間違っていなければ 'true'を返します。

他のステップはありますか？私は "反応" を使用しています： "^ 16.2.0" と

• "チャイ"： "^ 4.1.2"、
• "酵素"： "^ 3.2.0"、
• 」酵素アダプタ反応-16" ： "^ 1.1.1"
• "jsdom"： "^ 11.5.1"、
• "モカ"： "^ 4.0.1"
• 「react- addons-test-utils "："^15.6.2 "

Answer 1

私はこれと多く闘いました！ PickerはComponentのサブクラスであるため、実際に探している状態はで、wrapperでは存在しません。

shallowとmountの「ラッパー」戻り値は、ラッパーです。テストしようとしているのは実際のコンポーネントではありません。私はそれがコンポーネントが囲まれている小さな環境だと思っています。コンポーネント上の状態、小道具、および機能上の主張を作るために

、私は手を伸ばし、より良い成功を持っている：

const component = wrapper.instance() 

その後componentに、あなたは.state、.props、& Cを呼び出すことができます。

ご不明な点がありましたら教えてください。