在我的Header.tsx中
功能:
const mobileMenuToggle: toggleMobileMenu = () => setIsNavOpen((prev) => !prev);
按钮的位置:
<button
data-testid="hamburgerBtn"
className="HAMBURGER-ICON space-y-2 px-5 "
onClick={mobileMenuToggle}
>
<span className=""></span>
<span className=""></span>
<span className=""></span>
</button>
Header.test.tsx
test("hamburgerMenuToggle button called", () => {
const mockFunction = jest.fn();
render(
<button onClick={mockFunction}>
<span className=""></span>
<span className=""></span>
<span className=""></span>
</button>
);
// expect(screen.getByRole("button")).toBeInTheDocument();
expect(mockFunction).toHaveBeenCalled();
});
我试图为它编写测试用例,但不知道如何从我的Header.tsx文件中定位它
1条答案
按热度按时间ldioqlga1#
应该使用
fireEvent
并添加data-testid="hamburgerBtn"