酵素と反応する成分と文脈との反応：空の物体を返す

Question

私は成分上の酵素でダミー試験を実行しようとしています。テストは文脈をチェックしようとしています。私が酵素の文書と同じコードを書いていても、文脈は常に空です。

import React from 'react'; 
import { shallow } from 'enzyme'; 
import Overlay from '../../../../app/components/Overlay/Overlay'; 


describe('<Overlay />',() => { 
    it.only('return a context',() => { 
    const wrapper = shallow(<Overlay />, { context: { foo: 10 } }); 
    console.log(wrapper.context()); 
    // expect(wrapper.context().foo).to.equal(10); 
    }); 
}) 

テストの出力は、次のとおりです。

私は間違っ

<Overlay /> 
{} 
✓ return a context 

？

Answer 1

Overlay成分の詳細は与えられていないので、私は

（PLS childContextTypesをチェックし、getChildContextが適切に定義されている）コンテキストがその中に使用されていないと仮定たとえばが、反応documents

にコンテキストの説明を参照私はテストを有効にするには、同じ例をとっている

、

import React from 'react'; 

export default class Button extends React.Component { 
    render() { 
    return (
     <button style={{ background: this.context.color }}> 
     {this.props.children} 
     </button> 
    ); 
    } 
} 

Button.contextTypes = { 
    color: React.PropTypes.string, 
}; 

class Message extends React.Component { 
    render() { 
    return (
     <div> 
     {this.props.text} <Button>Delete</Button> 
     </div> 
    ); 
    } 
} 

class MessageList extends React.Component { 
    getChildContext() { 
    return { color: 'purple' }; 
    } 

    render() { 
    const children = this.props.messages.map((message) => 
     <Message text={message.text} /> 
    ); 
    return <div>{children}</div>; 
    } 
} 

MessageList.childContextTypes = { 
    color: React.PropTypes.string, 
}; 

は、私は以下のようにButtonコンポーネントのテストを作成しました、

import React from 'react'; 
import { shallow } from 'enzyme'; 
import { expect } from 'chai'; 
import Button from '../../src/components/SampleComp'; 

describe.only('<Button />',() => { 
    it('assert for context',() => { 
    const wrapper = shallow(
     <Button />, 
     { context: { color: 'red' } } 
    ); 
    expect(wrapper.context().color).to.equal('red'); 
    expect(wrapper.context('color')).to.equal('red'); 
    }); 
}); 

<Button /> 
    ✓ assert for context 


    1 passing (214ms) 

これは正しくそれをアサートします。