测试React的组件

时间:2019-09-26 08:59:05

标签: javascript reactjs unit-testing jestjs enzyme

我在测试以下代码(React的组件)时遇到问题:

handleValueChange = (e: React.ChangeEvent<HTMLTextAreaElement>) => {
  const { onChange } = this.props;
  const { value } = e.target;

  onChange && onChange(e);

  this.handleValidate(value, e);
}

handleValidate = (value: string, e: React.ChangeEvent<HTMLTextAreaElement>) => {
  const { onValueChange } = this.props;
  const errorMessage = this.validateJsonSchema(value);

  if (errorMessage == null) {
    if (this.JsonInputRef.current) {
      this.JsonInputRef.current.setCustomValidity('');
    }

  onValueChange && onValueChange(value, e);

  } else {
    if (this.JsonInputRef.current) {
      this.JsonInputRef.current.setCustomValidity(errorMessage);
    }
  }
}

,我有以下测试报告: enter image description here

我的问题是如何测试handleValidate方法,在公司中,为了推动主分支机构,我需要拥有80%以上的测试覆盖率...

0 个答案:

没有答案