Add test for checkout handler component

This commit is contained in:
Emili Castells Guasch 2024-06-22 16:11:00 +02:00
parent 986918f86b
commit d3cad1105a
3 changed files with 26 additions and 1 deletions

View file

@ -1,8 +1,9 @@
import {render, screen} from '@testing-library/react';
import userEvent from '@testing-library/user-event';
import '@testing-library/jest-dom';
import {CheckoutHandler} from "../Components/checkout-handler";
test('checkout handler label display given text', async () => {
test('checkbox label displays the given text', async () => {
render(
<CheckoutHandler
getCardFieldsForm={() => {}}
@ -13,3 +14,21 @@ test('checkout handler label display given text', async () => {
await expect(screen.getByLabelText('Foo')).toBeInTheDocument();
});
test('click checkbox calls function passing checked value', async () => {
const getSavePayment = jest.fn();
render(
<CheckoutHandler
getSavePayment={getSavePayment}
getCardFieldsForm={() => {}}
saveCardText="Foo"
is_vaulting_enabled={true}
/>
);
await userEvent.click(screen.getByLabelText('Foo'));
await expect(getSavePayment.mock.calls).toHaveLength(1);
await expect(getSavePayment.mock.calls[0][0]).toBe(true);
});