Hey everyone I came across an issue while writing a unit test. For some reason click event is fired even when IonButton is disabled.
Ion Button
it('should be clickable when not disabled', async () => {
const triggerSubmit = vi.fn();
const screen = render(
<IonButton data-testid="auth-reset-btn" disabled={true} onClick={triggerSubmit}></IonButton>
);
const btn = screen.getByTestId('auth-reset-btn');
expect(btn).toBeTruthy();
fireEvent.click(btn);
expect(triggerSubmit).toHaveBeenCalledTimes(0);
});
JSX Button
However for a jsx button event isnt fired which is the expected behaviour.
it('test', async () => {
const triggerSubmit = vi.fn();
const screen = render(<button data-testid="auth-reset-btn" disabled={true} onClick={triggerSubmit}></button>);
const btn = screen.getByTestId('auth-reset-btn');
fireEvent.click(btn);
expect(triggerSubmit).toHaveBeenCalledTimes(0);
});
1 post - 1 participant