woocommerce/tests/e2e/specs/front-end/front-end-checkout.test.js

165 lines
6.2 KiB
JavaScript

/**
* @format
*/
/**
* Internal dependencies
*/
import {
CustomerFlow,
StoreOwnerFlow,
createSimpleProduct,
setCheckbox,
settingsPageSaveChanges,
uiUnblocked,
verifyCheckboxIsSet
} from '@woocommerce/e2e-utils';
const config = require( 'config' );
const simpleProductName = config.get( 'products.simple.name' );
let orderId;
describe( 'Checkout page', () => {
beforeAll( async () => {
await StoreOwnerFlow.login();
await createSimpleProduct();
// Go to general settings page
await StoreOwnerFlow.openSettings( 'general' );
// Set base location with state CA.
await expect( page ).toSelect( 'select[name="woocommerce_default_country"]', 'United States (US) — California' );
// Sell to all countries
await expect( page ).toSelect( '#woocommerce_allowed_countries', 'Sell to all countries' );
// Set currency to USD
await expect( page ).toSelect( '#woocommerce_currency', 'United States (US) dollar ($)' );
// Tax calculation should have been enabled by another test - no-op
// Save
await settingsPageSaveChanges();
// Verify that settings have been saved
await Promise.all( [
expect( page ).toMatchElement( '#message', { text: 'Your settings have been saved.' } ),
expect( page ).toMatchElement( 'select[name="woocommerce_default_country"]', { text: 'United States (US) — California' } ),
expect( page ).toMatchElement( '#woocommerce_allowed_countries', { text: 'Sell to all countries' } ),
expect( page ).toMatchElement( '#woocommerce_currency', { text: 'United States (US) dollar ($)' } ),
] );
// Enable BACS payment method
await StoreOwnerFlow.openSettings( 'checkout', 'bacs' );
await setCheckbox( '#woocommerce_bacs_enabled' );
await settingsPageSaveChanges();
// Verify that settings have been saved
await verifyCheckboxIsSet( '#woocommerce_bacs_enabled' );
// Enable COD payment method
await StoreOwnerFlow.openSettings( 'checkout', 'cod' );
await setCheckbox( '#woocommerce_cod_enabled' );
await settingsPageSaveChanges();
// Verify that settings have been saved
await verifyCheckboxIsSet( '#woocommerce_cod_enabled' );
// Enable PayPal payment method
await StoreOwnerFlow.openSettings( 'checkout', 'paypal' );
await setCheckbox( '#woocommerce_paypal_enabled' );
await settingsPageSaveChanges();
// Verify that settings have been saved
await verifyCheckboxIsSet( '#woocommerce_paypal_enabled' );
await StoreOwnerFlow.logout();
} );
it( 'should display cart items in order review', async () => {
await CustomerFlow.goToShop();
await CustomerFlow.addToCartFromShopPage( simpleProductName );
await CustomerFlow.goToCheckout();
await CustomerFlow.productIsInCheckout( simpleProductName, `1`, `9.99`, `9.99` );
} );
it( 'allows customer to choose available payment methods', async () => {
await CustomerFlow.goToShop();
await CustomerFlow.addToCartFromShopPage( simpleProductName );
await CustomerFlow.goToCheckout();
await CustomerFlow.productIsInCheckout( simpleProductName, `2`, `19.98`, `19.98` );
await expect( page ).toClick( '.wc_payment_method label', { text: 'PayPal' } );
await expect( page ).toClick( '.wc_payment_method label', { text: 'Direct bank transfer' } );
await expect( page ).toClick( '.wc_payment_method label', { text: 'Cash on delivery' } );
} );
it( 'allows customer to fill billing details', async () => {
await CustomerFlow.goToShop();
await CustomerFlow.addToCartFromShopPage( simpleProductName );
await CustomerFlow.goToCheckout();
await CustomerFlow.productIsInCheckout( simpleProductName, `3`, `29.97`, `29.97` );
await CustomerFlow.fillBillingDetails( config.get( 'addresses.customer.billing' ) );
} );
it( 'allows customer to fill shipping details', async () => {
await CustomerFlow.goToShop();
await CustomerFlow.addToCartFromShopPage( simpleProductName );
await CustomerFlow.goToCheckout();
await CustomerFlow.productIsInCheckout( simpleProductName, `4`, `39.96`, `39.96` );
// Select checkbox to ship to a different address
await page.evaluate( () => {
document.querySelector( '#ship-to-different-address-checkbox' ).click();
} );
await uiUnblocked();
await CustomerFlow.fillShippingDetails( config.get( 'addresses.customer.shipping' ) );
} );
it( 'allows guest customer to place order', async () => {
await CustomerFlow.goToShop();
await CustomerFlow.addToCartFromShopPage( simpleProductName );
await CustomerFlow.goToCheckout();
await CustomerFlow.productIsInCheckout( simpleProductName, `5`, `49.95`, `49.95` );
await CustomerFlow.fillBillingDetails( config.get( 'addresses.customer.billing' ) );
await uiUnblocked();
await expect( page ).toClick( '.wc_payment_method label', { text: 'Cash on delivery' } );
await expect( page ).toMatchElement( '.payment_method_cod', { text: 'Pay with cash upon delivery.' } );
await uiUnblocked();
await CustomerFlow.placeOrder();
await expect( page ).toMatch( 'Order received' );
// Get order ID from the order received html element on the page
let orderReceivedHtmlElement = await page.$( '.woocommerce-order-overview__order.order' );
let orderReceivedText = await page.evaluate( element => element.textContent, orderReceivedHtmlElement );
return orderId = orderReceivedText.split( /(\s+)/ )[6].toString();
} );
it( 'store owner can confirm the order was received', async () => {
await StoreOwnerFlow.login();
await StoreOwnerFlow.openAllOrdersView();
// Click on the order which was placed in the previous step
await Promise.all( [
page.click( '#post-' + orderId ),
page.waitForNavigation( { waitUntil: 'networkidle0' } ),
] );
// Verify that the order page is indeed of the order that was placed
// Verify order number
await expect( page ).toMatchElement( '.woocommerce-order-data__heading', { text: 'Order #' + orderId + ' details' } );
// Verify product name
await expect( page ).toMatchElement( '.wc-order-item-name', { text: simpleProductName } );
// Verify product cost
await expect( page ).toMatchElement( '.woocommerce-Price-amount.amount', { text: '9.99' } );
// Verify product quantity
await expect( page ).toMatchElement( '.quantity', { text: '5' } );
// Verify total order amount without shipping
await expect( page ).toMatchElement( '.line_cost', { text: '49.95' } );
} );
} );