/**
* External dependencies
*/
import { render, screen, fireEvent, waitFor } from '@testing-library/react';
import {
registerPaymentMethod,
__experimentalDeRegisterPaymentMethod,
} from '@woocommerce/blocks-registry';
import { PaymentMethodDataProvider } from '@woocommerce/base-context';
/**
* Internal dependencies
*/
import PaymentMethods from '../payment-methods';
jest.mock( '../payment-method-options', () => () => (
Payment method options
) );
jest.mock( '../saved-payment-method-options', () => ( { onChange } ) => (
<>
Saved payment method options
>
) );
const registerMockPaymentMethods = () => {
[ 'cheque' ].forEach( ( name ) => {
registerPaymentMethod(
( Config ) =>
new Config( {
name,
label: name,
content:
A payment method
,
edit: A payment method
,
icons: null,
canMakePayment: () => true,
ariaLabel: name,
} )
);
} );
};
const resetMockPaymentMethods = () => {
[ 'cheque' ].forEach( ( name ) => {
__experimentalDeRegisterPaymentMethod( name );
} );
};
describe( 'PaymentMethods', () => {
test( 'should show no payment methods component when there are no payment methods', async () => {
render(
);
await waitFor( () => {
const noPaymentMethods = screen.queryByText(
/no payment methods available/
);
expect( noPaymentMethods ).not.toBeNull();
} );
} );
test( 'should hide/show PaymentMethodOptions when a saved payment method is checked/unchecked', async () => {
registerMockPaymentMethods();
render(
);
await waitFor( () => {
const savedPaymentMethodOptions = screen.queryByText(
/Saved payment method options/
);
const paymentMethodOptions = screen.queryByText(
/Payment method options/
);
expect( savedPaymentMethodOptions ).not.toBeNull();
expect( paymentMethodOptions ).not.toBeNull();
} );
fireEvent.click( screen.getByText( 'Select saved' ) );
await waitFor( () => {
const savedPaymentMethodOptions = screen.queryByText(
/Saved payment method options/
);
const paymentMethodOptions = screen.queryByText(
/Payment method options/
);
expect( savedPaymentMethodOptions ).not.toBeNull();
expect( paymentMethodOptions ).toBeNull();
} );
fireEvent.click( screen.getByText( 'Select not saved' ) );
await waitFor( () => {
const savedPaymentMethodOptions = screen.queryByText(
/Saved payment method options/
);
const paymentMethodOptions = screen.queryByText(
/Payment method options/
);
expect( savedPaymentMethodOptions ).not.toBeNull();
expect( paymentMethodOptions ).not.toBeNull();
} );
resetMockPaymentMethods();
} );
} );