घटक UI परीक्षण करने वाले घटक का परीक्षण करने के लिए एंजाइम माउंट विधि में संदर्भ को कैसे पास किया जाए?

Question

मैं अपने घटक का परीक्षण करने के लिए एंजाइम से mount का उपयोग करने की कोशिश कर रहा हूं जिसमें कई सामग्री UI घटक घोंसला हैं। कुछ खुदाई के बाद

TypeError: Cannot read property 'prepareStyles' of undefined

, I did found that a theme needs to be passed down in a context: मैं जब परीक्षण चल रहा है इस त्रुटि मिलती है। मैं परीक्षण में ऐसा कर रहा हूं लेकिन अभी भी यह त्रुटि प्राप्त कर रहा हूं।

मेरा परीक्षण:

import expect from 'expect'; 
import React, {PropTypes} from 'react'; 
import {mount} from 'enzyme'; 
import SearchBar from './SearchBar'; 
import getMuiTheme from 'material-ui/styles/getMuiTheme'; 

function setup() { 
    const muiTheme = getMuiTheme(); 

    const props = { 
    closeSearchBar:() => {}, 
    fetchSearchData:() => {}, 
    data: [], 
    searching: false 
    }; 

    return mount(<SearchBar {...props} />, {context: {muiTheme}}); 
} 

describe('SearchBar Component',()=> { 

    it('Renders search toolbar properly',() => { 
    const wrapper = setup(); 
    expect(wrapper.find('.toolbar').length).toBe(1); 
    expect(wrapper.find('button').length).toBe(1); 
    }); 
}); 

मेरे searchbar घटक एक राज्यविहीन घटक है, इसलिए मैं किसी भी सन्दर्भ में खींच नहीं कर रहा हूँ। लेकिन जब भी मैं हूं, तब भी मुझे वही त्रुटि मिलती है।

मैं क्या गलत कर रहा हूं?

Answer 1

mount विकल्पों में childContextTypes जोड़ने का प्रयास करें:

return mount(
    <SearchBar {...props} />, { 
    context: {muiTheme}, 
    childContextTypes: {muiTheme: React.PropTypes.object} 
    } 
); 

यह करने के बाद आप muiTheme यह करने के लिए उपलब्ध संदर्भ के माध्यम से बच्चों है बनाने के लिए एनजाइम आवरण निर्धारित किया है।