reactjs - 如何测试传递给另一个组件的函数？

Question

如何编写单元测试来涵盖其中的逻辑fooFunction？

可以将逻辑移出到另一个文件以实现测试覆盖率，但如果我不想这样做怎么办？

FooComponent.jsx：

import React, { useState } from 'react';
import FooContext from './FooContext';
import BarComponent from './BarComponent';

function FooComponent() {
  const [value, setValue] = useState();

  const fooFunction = inputValue => {
    setValue(inputValue * 2);
  };

  return (
    <div>
      <span>Hello world!</span>
      <BarComponent inputFunc={fooFunction} />
    </div>
  );
}

export default FooComponent;

我该如何测试它？是不是在 FooComponent 范围内声明函数的唯一选择？

标签： reactjsunit-testingtestingjestjsreact-testing-library