# The Username field to be validated so that any human errors can be avoided and user can add profile pic

## Description:

Validation to the username field so that we can avoid users entering special characters, spaces and verify the user can add profile pic to their account

## Step-by-Step Procedure:

1. Login as admin.
2. Click on "People."
3. Enter the student's first name, last name and Gender.
4. Click on the "Save" button and save the person details.
5. Click on the "Create account" button.
6. Enter the username with space.
7. Enter the password.
8. Click on Save button.
9. Verify the user getting the error - "Username must be 3 to 15 characters, use only letters, avoid spaces or special symbols."
10. Click back button and go to person detail page.
11. Enter the username with special character.
12. Enter the password.
13. Click on the Save button.
14. Verify the user getting the error - "Username must be 3 to 15 characters, use only letters, avoid spaces or special symbols."
15. Click back button and go to person detail page 
16. Enter the username with . _ characters 
17. Enter the password. 
18. Click on Save button.
19. Verify the user account created successfully.
20. Clear the storage
21. On the login page on username field-Enter the username with space. 
22. Enter the password. 
23. Click on Save button. 
24. Verify the user getting the error - "Username must be 3 to 15 characters, use only letters, avoid spaces or special symbols."
25. Clear the username field 
26. Enter the username with special character. 
27. Enter the password. 
28. Click on the Save button. 
29. Verify the user getting the error - "Username must be 3 to 15 characters, use only letters, avoid spaces or special symbols."
30. Clear the username field 
31. Enter the username with . _ characters 
32. Enter the password. 
33. Click on Login button. 
34. Verify the user logged in successfully.
35. Click on "People."
36. Click on the user's name.
37. Click on the "Edit" button.
38. Click on the "Add Profile Picture" icon.
39. Click on "Select picture from files."
40. Select the picture from the file.
41. Select the user's gender if the field is blank.
42. Click on the "Save" button.
43. Verify that the profile picture is visible to the user.
44. Click on the "Edit" button.
45. Click on the profile picture.
46. Click on the "Remove picture" button.
47. Click on the "Save" button.
48. Verify that the profile picture is no longer visible.