Question

无法通过以下测试：使用React JS /酶和开玩笑

我已经问过类似的问题，并尝试应用相同的方法，但是没有成功。任何原因？？替代浅=安装？或添加一个dive（）吗？

file.test.js-

 // jest mock functions (mocks this.props.func)
const updateSelectedFormJSON =  jest.fn();
const closeModal =  jest.fn();
const onClick =  jest.fn();
const onSaveClick =  jest.fn();
 // defining this.props
 const baseProps = {
selectedFormJSON :{
    FORM_COLUMN:[],
},
updateSelectedFormJSON,
closeModal,
onClick,
 onSaveClick,

describe('SpecifyBodyModal Test', () => {
 let wrapper;
 let tree;

beforeEach(() => wrapper = mount(<SpecifyBodyModal {...baseProps} />));

    it('should call  closeModal functions on button click', () => {
   baseProps.closeModal.mockClear();
   wrapper.setProps({
  updateSelectedFormJSON :null
  });
 wrapper.find('.add-custom-field-close').at(0).simulate('click')
 expect(baseProps.closeModal).toHaveBeenCalled();
 });

第二项测试未通过：错误“模拟”方法应在1个节点上运行。改为找到0。

    it('should call onSaveClick functions on button click', () => {
  baseProps.onSaveClick.mockClear();
  wrapper.setProps({
  closeModal :null
 });
 wrapper.find('.tran-button specify-body-continue').at(1).simulate('click')
 expect(baseProps.onSaveClick).toHaveBeenCalled();

这是渲染文件js。

          onSaveClick = () => {
let json = Object.assign({}, this.props.selectedFormJSON);
for(let i in json.FORM_COLUMN) {
  json.FORM_COLUMN[i].IncludeInBody = this.state[json.FORM_COLUMN[i].Name];
}
this.props.updateSelectedFormJSON(json);
this.props.closeModal();

       render() {
return (
  <div className='specify-grid-modal'>
    <div className='fullmodal'> 
      <div className='fullmodal_title'>Specify Body</div>
      <div title="Close Window" className="add-custom-field-close" onClick={() => this.props.closeModal()}><FontAwesome name='xbutton' className='fa-times  preview-close' /></div>
    </div>
    <button className='tran-button specify-body-continue' onClick={() => {this.onSaveClick()}} >
      Continue
    </button>
    <div className='specify-body-wrapper'>
      {this.renderColumns()}
    </div>
  </div> 
)

}

Answer 1

该错误表示className.add-custom-field-close选择器不存在匹配项。

className是道具名称，不应包含在选择器中：

wrapper.find('.add-custom-field-close').at(0).simulate('click')

Answer 2

用于查找元素的选择器看起来不正确。其className.add-custom-field-close，但应为.add-custom-field-close

Answer 3

感谢您的帮助

  it('should call  onSaveClick functions on button click', () => {
 baseProps.closeModal.mockClear();
  wrapper.setProps({
  updateSelectedFormJSON :null
 });
 wrapper.find('.add-custom-field-close').at(0).simulate('click')
expect(baseProps.closeModal).toHaveBeenCalled();
});

模拟旨在在1个节点上运行=找到0个

3 个答案: