时间戳

首页 > 解决方案 > 模拟 - 意味着在 1 个节点上运行。找到了 0 个

javascript - 模拟 - 意味着在 1 个节点上运行。找到了 0 个

问题描述

无法弄清楚为什么 onChange 没有被调用。我添加了一个 id，但它找不到元素。

文件.test.js

it("should call onChange event  on renderToDropdown ", () => {
    baseProps.onChange.mockClear();
    wrapper.setState({
    toStatusList:[{
        StatusID:"",
        Name:"",
    }],
   selectedTo:'password test 1'
    });
   wrapper.update() 
   wrapper.find('select[id="testonchange"]').simulate('change',{target: {value: 'password test 1'}} )
 });

还尝试了以下方法：

wrapper.find('#testonchange').simulate('change',{target: {value: 'password test 1'}} )

文件.js

renderToDropdown = () => {
let list = this.state.toStatusList;
let result = list.map((item) => {
  return <option value={item.StatusID}>{item.Name}</option>
})
result.push(<option value='default' disabled>Select...</option>)
return (
  <select value={this.state.selectedTo} id='testonchange' onChange={(e) => {this.handleToChange(e);}}>
    {result}
  </select>
)
}

handleToChange = (e) => {
this.setState({selectedTo: e.target.value});

在 React JS 中使用 Jest 和 Enzyme

标签： javascriptreactjsonchange

解决方案

尝试：

wrapper.find('select').prop('onChange')({value: 'password test 1'});

推荐阅读