65 lines
1.5 KiB
JavaScript
65 lines
1.5 KiB
JavaScript
|
/**
|
||
|
|
* External dependencies
|
||
|
|
*/
|
||
|
|
import TestRenderer, { act } from 'react-test-renderer';
|
||
|
|
import { createRegistry, RegistryProvider } from '@wordpress/data';
|
||
|
|
|
||
|
|
/**
|
||
|
|
* Internal dependencies
|
||
|
|
*/
|
||
|
|
import { useCheckoutSubmit } from '../use-checkout-submit';
|
||
|
|
|
||
|
|
const mockUseCheckoutContext = {
|
||
|
|
onSubmit: jest.fn(),
|
||
|
|
};
|
||
|
|
const mockUsePaymentMethodDataContext = {
|
||
|
|
activePaymentMethod: '',
|
||
|
|
currentStatus: {
|
||
|
|
isDoingExpressPayment: false,
|
||
|
|
},
|
||
|
|
};
|
||
|
|
|
||
|
|
jest.mock( '../../providers/cart-checkout/checkout-state', () => ( {
|
||
|
|
useCheckoutContext: () => mockUseCheckoutContext,
|
||
|
|
} ) );
|
||
|
|
|
||
|
|
jest.mock( '../../providers/cart-checkout/payment-methods', () => ( {
|
||
|
|
usePaymentMethodDataContext: () => mockUsePaymentMethodDataContext,
|
||
|
|
} ) );
|
||
|
|
|
||
|
|
describe( 'useCheckoutSubmit', () => {
|
||
|
|
let registry, renderer;
|
||
|
|
|
||
|
|
const getWrappedComponents = ( Component ) => (
|
||
|
|
<RegistryProvider value={ registry }>
|
||
|
|
<Component />
|
||
|
|
</RegistryProvider>
|
||
|
|
);
|
||
|
|
|
||
|
|
const getTestComponent = () => () => {
|
||
|
|
const data = useCheckoutSubmit();
|
||
|
|
return <div { ...data } />;
|
||
|
|
};
|
||
|
|
|
||
|
|
beforeEach( () => {
|
||
|
|
registry = createRegistry();
|
||
|
|
renderer = null;
|
||
|
|
} );
|
||
|
|
|
||
|
|
it( 'onSubmit calls the correct action in the checkout context', () => {
|
||
|
|
const TestComponent = getTestComponent();
|
||
|
|
|
||
|
|
act( () => {
|
||
|
|
renderer = TestRenderer.create(
|
||
|
|
getWrappedComponents( TestComponent )
|
||
|
|
);
|
||
|
|
} );
|
||
|
|
|
||
|
|
const { onSubmit } = renderer.root.findByType( 'div' ).props;
|
||
|
|
|
||
|
|
onSubmit();
|
||
|
|
|
||
|
|
expect( mockUseCheckoutContext.onSubmit ).toHaveBeenCalledTimes( 1 );
|
||
|
|
} );
|
||
|
|
} );
|