104 lines
2.8 KiB
JavaScript
104 lines
2.8 KiB
JavaScript
/**
|
|
* External dependencies
|
|
*/
|
|
import { render, screen, waitFor } from '@testing-library/react';
|
|
import { previewCart } from '@woocommerce/resource-previews';
|
|
import { dispatch } from '@wordpress/data';
|
|
import { CART_STORE_KEY as storeKey } from '@woocommerce/block-data';
|
|
import { default as fetchMock } from 'jest-fetch-mock';
|
|
|
|
/**
|
|
* Internal dependencies
|
|
*/
|
|
import CartBlock from '../block';
|
|
import { defaultCartState } from '../../../../data/default-states';
|
|
|
|
describe( 'Testing cart', () => {
|
|
beforeEach( async () => {
|
|
fetchMock.mockResponse( ( req ) => {
|
|
if ( req.url.match( /wc\/store\/cart/ ) ) {
|
|
return Promise.resolve( JSON.stringify( previewCart ) );
|
|
}
|
|
return Promise.resolve( '' );
|
|
} );
|
|
// need to clear the store resolution state between tests.
|
|
await dispatch( storeKey ).invalidateResolutionForStore();
|
|
await dispatch( storeKey ).receiveCart( defaultCartState.cartData );
|
|
} );
|
|
|
|
afterEach( () => {
|
|
fetchMock.resetMocks();
|
|
} );
|
|
|
|
it( 'renders cart if there are items in the cart', async () => {
|
|
render(
|
|
<CartBlock
|
|
emptyCart={ null }
|
|
attributes={ {
|
|
isShippingCalculatorEnabled: false,
|
|
} }
|
|
/>
|
|
);
|
|
await waitFor( () => expect( fetchMock ).toHaveBeenCalled() );
|
|
expect(
|
|
screen.getByText( /Proceed to Checkout/i )
|
|
).toBeInTheDocument();
|
|
|
|
expect( fetchMock ).toHaveBeenCalledTimes( 1 );
|
|
} );
|
|
|
|
it( 'renders empty cart if there are no items in the cart', async () => {
|
|
fetchMock.mockResponse( ( req ) => {
|
|
if ( req.url.match( /wc\/store\/cart/ ) ) {
|
|
return Promise.resolve(
|
|
JSON.stringify( defaultCartState.cartData )
|
|
);
|
|
}
|
|
return Promise.resolve( '' );
|
|
} );
|
|
render(
|
|
<CartBlock
|
|
emptyCart={ '<div>Empty Cart</div>' }
|
|
attributes={ {
|
|
isShippingCalculatorEnabled: false,
|
|
} }
|
|
/>
|
|
);
|
|
|
|
await waitFor( () => expect( fetchMock ).toHaveBeenCalled() );
|
|
expect( screen.getByText( /Empty Cart/i ) ).toBeInTheDocument();
|
|
expect( fetchMock ).toHaveBeenCalledTimes( 1 );
|
|
} );
|
|
|
|
it( 'renders correct cart line subtotal when currency has 0 decimals', async () => {
|
|
fetchMock.mockResponse( ( req ) => {
|
|
if ( req.url.match( /wc\/store\/cart/ ) ) {
|
|
const cart = {
|
|
...previewCart,
|
|
// Make it so there is only one item to simplify things.
|
|
items: [
|
|
{
|
|
...previewCart.items[ 0 ],
|
|
totals: {
|
|
...previewCart.items[ 0 ].totals,
|
|
// Change price format so there are no decimals.
|
|
currency_minor_unit: 0,
|
|
currency_prefix: '',
|
|
currency_suffix: '€',
|
|
line_subtotal: '16',
|
|
line_total: '18',
|
|
},
|
|
},
|
|
],
|
|
};
|
|
|
|
return Promise.resolve( JSON.stringify( cart ) );
|
|
}
|
|
} );
|
|
render( <CartBlock emptyCart={ null } attributes={ {} } /> );
|
|
|
|
await waitFor( () => expect( fetchMock ).toHaveBeenCalled() );
|
|
expect( screen.getAllByRole( 'cell' )[ 1 ] ).toHaveTextContent( '16€' );
|
|
} );
|
|
} );
|