Cursor and button behavior when setting an element

• Type: Technical Task
• Status: Closed
• Priority: Critical
• Resolution: Completed
• Affects Version/s: None
• Fix Version/s: Master
• Component/s: Pages > A/B Testing for Content Pages
• Labels:
  • tango_usability_tests
• Epic/Theme:
  • AB_Testing
• Sprint: TANGO | SP_23 | Oct30-Nov13, TANGO | SP_24 | Nov13-Nov27, TANGO | SP_25 | Nov27-Dec11, TANGO | SP_26 | Dec12-Jan03
• Git Pull Request: https://github.com/brianchandotcom/liferay-portal/pull/81481

Motivation

According to the data obtained by Usability Tests, users find it confusing that after clicking the button to set the element, it is changed to disable and the not allowed cursor shows up.

Design

https://www.figma.com/file/SmoizlGVwb4KH3ywzHf0m0/LPS-103746-highlight-clickable-elements-click-goal?node-id=1%3A7159

Aceptance Criteria

Button states

• Given an AB test with click goal
• When clicking to Set Element
• Then the button turn to active (not disabled)
• When clicking again
• Then the button turn to default again

Cursor behavior

• Given an AB test with click goal
• When clicking to Set Element
• Then the non selectable Elements on page turn disabled including the footer and the elements on sidebar keep interactionable.