Skip to main content

Change Password

Design

image.png

Description & Requirements

image.png

The back button redirects the user to the Settings Page.

image.png

Redirect to the Forget Password page. 

image.png

  • There should be an info icon next to the email textbox.
  • By clicking on the info icon, it shows the tooltip with the following message:
    "Your Password must include an uppercase, lowercase and number, with a minimum of 6 characters.

image.png

The form should have proper validation. 

image.png

Scenario: The user inputs the wrong password.

Action: Show an alert with the message "Incorrect password." 

image.png

Scenario: The user inputs the correct inputs for the form. Changing the password has been successful. 

Action: Show success message. and redirect the user to the settings page