Set Cart and Checkout blocks to be wide aligned by default (https://github.com/woocommerce/woocommerce-blocks/pull/8899)

* Add default align attribute value for Cart block

* Add default align attribute value for Checkout block

* Update cart tests

* Check for not disabled insert button
This commit is contained in:
Thomas Roberts 2023-04-06 14:42:38 +01:00 committed by GitHub
parent fcdd0f243c
commit 3d62b6da78
3 changed files with 19 additions and 3 deletions

View File

@ -51,5 +51,6 @@ export const blockAttributes = {
},
align: {
type: 'string',
default: 'wide',
},
};

View File

@ -41,6 +41,10 @@
"requirePhoneField": {
"type": "boolean",
"default": false
},
"align": {
"type": "string",
"default": "wide"
}
},
"textdomain": "woo-gutenberg-products-block",

View File

@ -29,6 +29,8 @@ const block = {
slug: 'woocommerce/cart',
class: '.wp-block-woocommerce-cart',
selectors: {
disabledInsertButton:
"//button[@aria-disabled='true']//span[text()='Cart']",
insertButton: "//button//span[text()='Cart']",
},
};
@ -109,14 +111,22 @@ describe( `${ block.name } Block`, () => {
'//div[@data-type="woocommerce/cart-order-summary-block"]//button[@aria-label="Add block"]'
);
await addBlockButton.click();
await expect( page ).toFill(
'input.components-search-control__input',
'Table'
);
const tableButton = await page.waitForXPath(
'//*[@role="option" and contains(., "Table")]'
);
await expect( tableButton ).not.toBeNull();
await expect( page ).toFill(
'input.components-search-control__input',
'Audio'
);
const audioButton = await page.waitForXPath(
'//*[@role="option" and contains(., "Audio")]'
);
expect( tableButton ).not.toBeNull();
expect( audioButton ).not.toBeNull();
await expect( audioButton ).not.toBeNull();
// // Now check the filled cart block and expect only the Table block to be available there.
await selectBlockByName( 'woocommerce/filled-cart-block' );
@ -124,13 +134,14 @@ describe( `${ block.name } Block`, () => {
'//div[@data-type="woocommerce/filled-cart-block"]//button[@aria-label="Add block"]'
);
await filledCartAddBlockButton.click();
const filledCartTableButton = await page.waitForXPath(
'//*[@role="option" and contains(., "Table")]'
);
expect( filledCartTableButton ).not.toBeNull();
const filledCartAudioButton = await page.$x(
'//*[@role="option" and contains(., "Audio")]'
);
expect( filledCartTableButton ).not.toBeNull();
expect( filledCartAudioButton ).toHaveLength( 0 );
} );