2017-12-18 16 views
0

Ich habe Code wie folgt aus:Wie testest du einen Kontext in react.js?

render() { 
    ... 

    const { 
    exampleMethod, 
    } = this.props; 

    const { getPath } = this.context; 
    const exampletData = exampleMethod(getPath()); 

    ... 
} 

Wie kann ich spotten, Testkontext in diesem Beispiel? Und wie testen Sie den Kontext im Allgemeinen?

Antwort

2

Wenn Sie enzyme verwenden, können Sie den Kontext beim seichten Rendering oder Full-Dom-Rendering festlegen, indem Sie eine Option übergeben. (docs here):

zB:

import { shallow, mount } from 'enzyme'; 

// ...... 

const testContext = { getPath:() => 'foo' }; 
const shallowWrapper = shallow(<SomeComponent />, { context: testContext }); 

// or 

const fullWrapper = mount(<SomeComponent />, { context: testContext }); 

Wenn Sie den Kontext auf einem Knoten testen möchten, können Sie die .context() Methode von enzyme

verwenden
Verwandte Themen