如何测试传递给另一个组件的功能?

时间:2020-03-25 16:04:43

标签: reactjs unit-testing testing jestjs react-testing-library

如何编写单元测试以涵盖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范围内声明函数的选项吗?

0 个答案:

没有答案