使用 react jest 和 selenium 对 onclick 导航进行单元测试

Unit testing for onclick navigation using react jest and selenium

提问人:Nhan Nguyen 提问时间:11/17/2023 最后编辑:Drew ReeseNhan Nguyen 更新时间:11/17/2023 访问量:20

问:

我正在尝试差异测试用例,但我编写的测试用例仍然没有涵盖 onClick 代码

这是我的手柄按钮功能:

  const handleBackButtonClick = () => {
    dispatch(setErrorCode(''));
    buttonClickEvent(
      userDetails.sid,
      'Product Inventory',
      'Go bacl Button',
      window
    );
    navigate(-1);
  }

       <Button
         accessibleText="Go to previous page"
         data-testid="goBackNavBar"
         id="back-page"
         variant="back"
         maxWidth={5000}
         pageName={pageName}
         backButtonText="Back"
         backButtonAccessibleText="Go to previous page"
         onClickBackButton={handleBackButtonClick}
       />

这是我写的测试用例:

describe('Layout Component', () => {
  it('navigates back when back button is clicked', () => {
    renderWithProviders(<Layout>children</Layout>, { store });
    const onClick = screen.getByTestId('goBackNavBar');
    const handleBackButton = jest.fn();
    fireEvent(
      screen.getByTestId('goBackNavBar'),
      new Event('click', {})
    );
    fireEvent.click(onClick);
    expect(handleBackButton).toBeDefined();
  });
});

我想编写一个涵盖我的句柄函数的测试

reactjs selenium-webdriver jestjs

评论

0赞 Drew Reese 11/17/2023
您到底想测试什么,或者在这里获得对功能的覆盖?它与组件的关系在哪里,使用它与你正在测试的组件的关系?似乎我们可能需要一个更完整、更准确的最小可重复示例来获得足够的上下文。handleBackButtonClickhandleBackButtonClickButtonLayout
0赞 Community 11/17/2023
请澄清您的具体问题或提供其他详细信息以准确说明您的需求。正如目前所写的那样,很难确切地说出你在问什么。

答: 暂无答案