酵素

Question

を使用して反応させ、国際空港をのonChangeテストは、私は私の私の言語

マイlocaleDropDown.js

import React from 'react' 
import PropTypes from 'prop-types' 
import Cookie from 'js-cookie' 

const propTypes = { 
    locale: PropTypes.string.isRequired 
} 

class LocaleDropDown extends React.Component { 
    constructor() { 
    super() 
    this.state = {value: ''} 
    this.handleLocaleChange = this.handleLocaleChange.bind(this) 
    } 

    handleLocaleChange (e) { 
    Cookie.set('locale', e.target.value) 
    window.location.reload() 
    } 

    componentDidMount() { 
    this.setState({inputValue: Cookie.get('locale')}) 
    } 

    render() { 
    return <div> 
     <select id="locale-value" onChange={this.handleLocaleChange} value={this.state.inputValue}> 
     <option value="en">English</option> 
     <option value="fr">French</option> 
     </select> 
    </div> 
    } 
} 

LocaleDropDown.propTypes = propTypes 

export default LocaleDropDown 

と私のテストは

 const handleLocaleChange = sinon.spy(); 
     const wrapper = shallow(<LocaleDropDown onChange = {handleLocaleChange}/>) 
     const selectInput = wrapper.find("#locale-value") 
     selectInput.node.value = 'en' 
     wrapper.find('select').simulate('change', selectInput); 
     expect(handleLocaleChange.called).toEqual(true) 

あるを変更することができますアプリを反応におけるボタンコンポーネントのドロップダウンを持っています

しかし、それは私にエラーを与える LocaleDropDown>変更をシミュレートするときは、handleLocaleChangeを呼び出す必要があります

TypeError: Cannot add property value, object is not extensible 

私は間違っていますか？

Answer 1

mock event object can be passed along to simulate an eventそう等：

.simulate（イベント[、...引数]）=>自動

シミュレーションイベント：メソッドのシグネチャ約

wrapper.find('select').simulate('change', { target: { value: 'en' } }) 

詳細

引数

イベント（文字列）：

をシミュレートするイベント名...引数（任意の[オプション]）：イベントハンドラーに渡されますモックイベントオブジェクト。