01

Given: Admin panel → Pages → Add New page

When: create/edit page
AND add a block called “Secondary XXS button”

Then: see the section in edit mode to adjust the settings of the block

Desktop:

Mobile:

02

Given: Admin panel → Posts → Add New post

When: create/edit post
AND add a block called “Secondary XXS button”

Then: see the section in edit mode to adjust the settings of the block

03

Given: edit mode of the block “Secondary XXS button”

When: add/edit 2 or more buttons (mandatory at least 2 buttons)
AND the ability to add a link to each button (mandatory)
AND options to choose open in the new tab
AND the ability to change the text of the button (mandatory)
AND autosave each change
AND click update the page

Then: see the updated content of the block on the website

04

Given: edit mode of the block “Secondary XXS button”

When: add long text on a button

Then: text jump on the second row

05

Given: page/post on the website with block “Secondary XXS button” (desktop)

When: hover on a button

Then: see the hover effect according to the design

06

Given: page/post on the website with block “Secondary XXS button” (mobile)

When: press a button

Then: see the press effect according to the design