01

Scenario: Display loading sign for ‘Buy Now’ button on product page

Given: the user is on a product page eg https://saclab.com/bags/hermes-constance-24-box-bleu-saphir/

When the user clicks the "Buy Now" button and the action takes more than 1 second

Then the loading sign is displayed in the centered of the window And the background is blurred (similar to SYB page)

02

Scenario: Display loading sign when deleting a product from the small cart window

Given the user has a product in the small cart window

When the user clicks the cross icon to delete a product

And the action takes more than 1 second

Then the loading sign is displayed in the centered of the window And the background is blurred (similar to SYB page)

03

Scenario: Display loading sign when checking out from the small cart window

Given the user has items in the small cart window When the user clicks the "Checkout" button And the action takes more than 1 second

Then the loading sign is displayed in the centered of the window And the background is blurred (similar to SYB page)

04

Scenario: Display loading sign during checkout actions

Given the user is on the checkout page

When the user performs an action that requires loading (e.g., updating cart, adding leather care kit, clicking "Continue Shopping," or placing the order) And the action takes more than 1 second

Then the loading sign is displayed in the centered of the window And the background is blurred (similar to SYB page)