我尝试使用jest和enzyme测试react组件，当prop更改时会有useEffect触发器，无法正确测试。由于未定义值，Assert失败。
这是我的简化组件

export function SongDataModal(props) {
    const [name, setName] = useState('');

    useEffect(() => {
        if (props.songData.songName ?? false) {
            setName(props.songData.songName);
        }
    }, [props.songData.songName]);

    return (
        <Input
            type="search"
            id="song-name-input"
            disabled={true}
            value={name}
        />
    );
}

SongDataModal.propTypes = {
    songData: PropTypes.object,
};
const mapStateToProps = (state) => ({
    songData: state.songDataReducer
});

const mapDispatchToProps = (dispatch) => bindActionCreators({
//removed the actions since they are not related
}, dispatch);

export default connect(mapStateToProps, mapDispatchToProps)(SongDataModal);

字符串
这是我的测试文件

describe('SongDataModal', () => {
  let wrapper;
  const songData = { songName: 'Avicii - Levels' };

  beforeEach(() => {
    wrapper = shallow(
      <SongDataModal
       songData={songData}
      />
    );
  });

  it('shows the song name on initial loading', () => {
    expect(wrapper.find('#song-name-input').prop('value')).toBe('Avicii - Levels');
  });
});

型