01

Given: Admin panel → Pages → Add New page

When: create/edit page
AND add a block called “Picture 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 “Picture Button”

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

03

Given: edit mode of the block “Picture Button”

When: add/edit 4 photos (mandatory all 4 photos)
AND the ability to add a link to each button under image (mandatory)
AND options to choose open in the new tab
AND the ability to change the text of the block (mandatory)
AND autosave each change
AND click update the page

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

04

Given: page/post on the website with block “Picture Button” (desktop)

When: hover on a picture

Then: see the hover effect according to the design

05

Given: page/post on the website with block “Picture Button” (mobile)

When: click/press on a picture

Then: see the press effect according to the design