Question

我想为一个功能React组件编写一个简单的单元测试。我在互联网上进行搜索，但是看起来大多数这些单元测试都是针对类组件的。该组件只是一个简单的form，其中有一个input和一个submit。我想我需要编写两个测试，一个用于input字段，另一个用于submit按钮。
组件是：

import React from 'react';


function Bar(props) {
 return (
  <form
  className="form-wrapper"      
  onSubmit={event => props.onSubmit(event)}
 >
  <input
    placeholder="Add new todo"
    value={props.newTodoName}
    onChange={event => props.onInputChange(event)}
  />
  <button className="btn custom-btn" type="submit" value="Submit">
    Submit
  </button>
</form>
 );
}

export default Bar;

任何帮助将不胜感激。

Answer 1

测试类组件和功能组件之间没有区别。

仔细阅读测试框架的文档。

功能组件反应的单元测试

1 个答案: