115 lines
2.6 KiB
TypeScript
115 lines
2.6 KiB
TypeScript
/**
|
|
* External dependencies
|
|
*/
|
|
import { Page } from '@playwright/test';
|
|
import { RequestUtils } from '@wordpress/e2e-test-utils-playwright';
|
|
|
|
export class FrontendUtils {
|
|
page: Page;
|
|
requestUtils: RequestUtils;
|
|
|
|
constructor( page: Page, requestUtils: RequestUtils ) {
|
|
this.page = page;
|
|
this.requestUtils = requestUtils;
|
|
}
|
|
|
|
async getBlockByName( name: string ) {
|
|
return this.page.locator( `[data-block-name="${ name }"]` );
|
|
}
|
|
|
|
async getBlockByClassWithParent( blockClass: string, parentName: string ) {
|
|
const parentBlock = await this.getBlockByName( parentName );
|
|
if ( ! parentBlock ) {
|
|
throw new Error( `Parent block "${ parentName }" not found.` );
|
|
}
|
|
const block = parentBlock.locator( `.${ blockClass }` );
|
|
return block;
|
|
}
|
|
|
|
async addToCart( itemName = '' ) {
|
|
if ( itemName !== '' ) {
|
|
await this.page
|
|
.getByLabel( `Add “${ itemName }” to your cart` )
|
|
.click();
|
|
await this.page.waitForResponse( /add_to_cart|batch/ );
|
|
return;
|
|
}
|
|
await this.page.click( 'text=Add to cart' );
|
|
}
|
|
|
|
async goToCheckout() {
|
|
await this.page.goto( '/checkout', {
|
|
waitUntil: 'commit',
|
|
} );
|
|
}
|
|
|
|
async goToShop() {
|
|
await this.page.goto( '/shop', {
|
|
waitUntil: 'commit',
|
|
} );
|
|
}
|
|
|
|
async emptyCart() {
|
|
const cartResponse = await this.requestUtils.request.get(
|
|
'/wp-json/wc/store/cart'
|
|
);
|
|
const nonce = cartResponse.headers()?.nonce;
|
|
if ( ! nonce ) {
|
|
throw new Error( 'Could not get cart nonce.' );
|
|
}
|
|
const res = await this.requestUtils.request.delete(
|
|
'/wp-json/wc/store/v1/cart/items',
|
|
{ headers: { nonce } }
|
|
);
|
|
if ( ! res.ok() ) {
|
|
throw new Error(
|
|
`Got an error response when trying to empty cart. Status code: ${ res.status() }`
|
|
);
|
|
}
|
|
}
|
|
|
|
async isBlockEarlierThan< T >(
|
|
containerBlock: T,
|
|
firstBlock: string,
|
|
secondBlock: string
|
|
) {
|
|
const container =
|
|
containerBlock instanceof Function
|
|
? await containerBlock()
|
|
: containerBlock;
|
|
|
|
if ( ! container ) {
|
|
throw new Error( 'Container block not found.' );
|
|
}
|
|
|
|
const childBlocks = container.locator( '[data-block-name]' );
|
|
|
|
let firstBlockIndex = -1;
|
|
let secondBlockIndex = -1;
|
|
|
|
for ( let i = 0; i < ( await childBlocks.count() ); i++ ) {
|
|
const blockName = await childBlocks
|
|
.nth( i )
|
|
.getAttribute( 'data-block-name' );
|
|
|
|
if ( blockName === firstBlock ) {
|
|
firstBlockIndex = i;
|
|
}
|
|
|
|
if ( blockName === secondBlock ) {
|
|
secondBlockIndex = i;
|
|
}
|
|
|
|
if ( firstBlockIndex !== -1 && secondBlockIndex !== -1 ) {
|
|
break;
|
|
}
|
|
}
|
|
|
|
if ( firstBlockIndex === -1 || secondBlockIndex === -1 ) {
|
|
throw new Error( 'Both blocks must exist within the editor' );
|
|
}
|
|
|
|
return firstBlockIndex < secondBlockIndex;
|
|
}
|
|
}
|