reactjs - 如何在 Jest 中为函数编写测试用例？

Question

我创建了一个函数，我想为该函数编写一个测试用例。我正在该函数中返回 HTML 内容。

我的功能代码是-

export function executeScenario(handleExecuteScenarioClick: ((event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void) | undefined, classes: any , buttonTitle:string) {
  return <Button id="executescenario" variant="contained" onClick={handleExecuteScenarioClick} type="button" className={classes.button} color="primary">
    {buttonTitle}
  </Button>;
}

我正在使用 enzyme 和笑话，我想测试这个功能并返回一个按钮为真。
如何为这个函数编写测试用例？

Answer 1

您可以使用 React 测试库并编写如下测试:

import { render, fireEvent, wait } from '@testing-library/react'

const { getByTestId } = render(<executeScenario {...props} />)

expect(getByTestId("executescenario")).toBeInTheDocument()

这是期望找到与提到的 id 的这个元素在页面上。有关完整文档和其他您可以执行的操作，请查看此处的文档: https://testing-library.com/docs/react-testing-library/intro