Проверьте правильность модульного тестирования?для JS REACT шутка / фермент

Question

Я пытался проверить следующий метод, но я немного застрял.Вот основной файл file.js и часть файла file.test.js

основной файл js.

       handleSaveAsNameChange = (e) => {
this.setState({saveAsName: e.target.value}, () => {
  this.updateHomeScreen();
});
}
 updateHomeScreen = debounce(() => {
  this.props.setSaveAsName(this.state.saveAsName)
 }, 250)

render() {
    <div title="Close Window Without Saving" className="sidemodal_addnew_x" 
  onClick={() => {this.props.closeSaveAsModal()}}><FontAwesome name='xbutton' 
  className='fa-times' /></div>
       <input autoFocus className="modal-add-window-input" placeholder="New 
  view name" value={this.state.saveAsName} onChange={(e) => 
 {this.handleSaveAsNameChange(e)}}/>
  <button className='close_button_layout' title='Save' type='button' 
  onClick={() => {this.props.saveAsView()}}>Create</button>

test file.js Я уже установил this.prop и до сих пор имею это: Как я могу улучшить следующие тесты.Также у меня есть большая часть рендера вниз с кодом ниже, но OnClick не отображается на снимке

  it(' Should render with all of the props', () => {  
 tree = renderer.create(<SaveViewAsModal {...baseProps} />)
 let treeJson = tree.toJSON()
 expect(treeJson).toMatchSnapshot();
 tree.unmount()
});

  it('handleSaveAsNameChange method ', () => {
 const value = 250;
  wrapper.instance(). handleSaveAsNameChange({ target: { value } }); 
 expect(wrapper).toMatchSnapshot(); 
     });
});