Как проверить изменение значения селектора REACT с помощью JEST

Question

Я хотел бы проверить / смоделировать изменение значения моего селектора в React Component.Это должно быть с мелкой или креплением?Любые идеи, пожалуйста.

Я использую React16 и монтирую компонент, нашел его и хотел изменить значение следующим образом:

      element.simulate('change' , {
        target: {
            value: 'something'
        }
       });

и проверить, действительно ли это значение изменилось ...

main.js:

         handleChange = (event) => { 
         ................ something
       }

 render() {
    return (
    <Select
            data-test="players_field"
            value={''}
            onChange={this.handleChange}
            inputProps={{
              name: 'players'
            }}
          >
              <MenuItem disabled>1</MenuItem>
              <MenuItem value="2">2</MenuItem>
              <MenuItem value="3">3</MenuItem>
              <MenuItem value="4">4</MenuItem>
              <MenuItem value="5">5</MenuItem>
    </Select>
)}

Я предполагаю изменить значение селектора на один из элементов MenuItem (независимо от того, какой) и чтобы проверить, что селектор действительно изменил значение /текст с ферментом JEST

main.test.js

const wrapper = mount(<Doba />);
const element = wrapper.find("[data-test='players_field']");
element.simulate('change' , {
        target: {
            value: 'Players ON the court'
        }
});