[QA] Admin-Account Setting Page

[rmapramodya]

https://www.figma.com/proto/WoirximBPom3gqLmFhpoxK/SusDev-OS?node-id=1687-4921&t=x96CXw8I0CjSCxa7-0&scaling=scale-down&page-id=12%3A355&starting-point-node-id=1358%3A4347

User Story 1: Update Personal Information

As a user, I need to update my personal information so that my profile is accurate and up-to-date.

Acceptance Criteria:

• The user can edit their name, email, username, role, organization, branch, department, website, bio, and description. • The user can click "Save" to update the information. • A success message is displayed after saving. • Changes are reflected in the user's profile after saving. • The user can click "Cancel" to discard changes.

User Story 2: Change Profile Photo

As a user, I need to change my profile photo so that my profile visually represents me.

Acceptance Criteria:

• The user can click "Click to upload" to select a new photo or drag and drop an image file. • The accepted file formats are SVG, PNG, JPG, and GIF with a maximum size of 800x400px. • The new photo is displayed on the profile upon successful upload. • A success message is displayed after the photo is updated. • The user can cancel the photo upload process if needed.

User Story 3: Change Password

As a user, I need to change my password so that I can maintain account security.

Acceptance Criteria:

• The user can enter the current password. • The user can enter a new password and confirm it. • The system checks if the new password and confirmation match. • The new password must be at least 6 characters long, contain at least 1 number, and at least 1 special character. • The user can click "Update Password" to save the new password. • A success message is displayed after the password is updated. • The user can click "Cancel" to discard the changes.

User Story 4: View Account Settings

As a user, I need to view my account settings so that I can see my current profile information and update it if needed.

Acceptance Criteria:

• The user can navigate to the "Personal info" section from the settings page. • The page displays current personal information including name, email, username, role, organization, branch, department, website, bio, and description. • The user can see hints to help fill out the information fields correctly.

User Story 5: Navigate Settings

As a user, I need to navigate between different settings so that I can manage various aspects of my account.

Acceptance Criteria:

• The user can navigate between "Personal info," "Account Settings," and "Company Settings" sections from the settings page. • Each section is clearly labeled and accessible. • The navigation is intuitive and allows easy switching between sections.

[achala87]

Password policy : 6 or more characters with at least 1 number and 1 special character.

[yohan9878]

@achala87 then it should be included from the register page right ?

[yohan9878]

@achala87 @rmapramodya I need to clarify which parts of the form are updated by the button components and should I do validations for other fields ( except password fields

)