如何开玩笑地为一个函数编写测试用例？

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>;
}

我正在使用酵素和玩笑，我想测试此功能并返回一个正确的按钮。如何编写此功能的测试用例？

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