[UIU-2975] Profile Pictures Functionality - Link externally hosted image Created: 19/Oct/23  Updated: 08/Feb/24

Status: In Code Review
Project: ui-users
Components: None
Affects versions: None
Fix versions: None

Type: Story Priority: P3
Reporter: Amelia Sutton Assignee: Priyanka Terala
Resolution: Unresolved Votes: 0
Labels: front-end, profile-pics
Remaining Estimate: Not Specified
Time Spent: Not Specified
Original estimate: Not Specified

Attachments: PNG File 10-external-url-modal.png     PNG File 2-edit-pic-placeholder.png     PNG File 6-save_close.png     PNG File 8-view-with-pic-success.png    
Issue links:
Defines
defines UXPROD-36 Profile pictures In Progress
Requires
requires UIU-3005 Permission - Users: Can view, edit, a... In QA
is required by UIU-3012 Page - User Edit with Profile Picture Open
Sprint: Volaris Sprint 184
Story Points: 5
Development Team: Volaris
Release: Quesnelia (R1 2024)

 Description   

Purpose:

Staff should be able to add a link to a user record linking to an externally hosted image to be used as a profile picture for that user  

User story statement(s):

As a service desk staff member
I want link an externally hosted image to a User record 
so that in the future the user's identity can be verified  by library staff

Scenarios:

  1.  Scenario:
    • Given Profile pictures are enabled
    • And User "A" logged in
    • And a user "B", without an existing externally linked profile picture, open in edit view
    • When "Update" > "External URL" selected
    • Then the External URL modal (as described in UX-522 Open ) is displayed with an empty input box and with the save button disabled
  2.  Scenario:
    • Given Profile pictures are enabled
    • And User "A" logged in
    • And a user "B", with an existing externally linked profile picture, open in edit view
    • When "Update" > "External URL" selected
    • Then the External URL modal (as described in UX-522 Open ) is displayed with the url for the current profile picture in the input box and with the save button disabled
  3. Scenario:
    • Given Profile pictures are enabled
    • And User "A" logged in
    • And a user "B", open in edit view with the External URL modal displayed with the "Save" button disabled
    • When the user modifies the text in the input box
    • Then if the text input box is not empty, the "Save" button is enabled. 
  4. Scenario:
    • Given Profile pictures are enabled
    • And User "A" logged in
    • And a user "B" open in edit view with "Update" > "External URL" selected and the External URL modal displayed and with the "Save" button enabled
    • When user A selects "Save"
    • Then the profile picture is displayed above the "Update" button and the "Save & Close" button is enabled
  5. Scenario:
    • Given Profile pictures are enabled
    • And User "A" logged in
    • And a user "B" open in edit view with "Update" > "External URL" selected and the External URL modal displayed
    • When user A inputs an invalid image URL and selects "Save"
    • Then red error text is displayed below the text box that reads "Invalid image URL" and the modal does not close.
  6. Scenario:
    • Given Profile pictures are enabled
    • And User "A" logged in
    • And a user "B" open in edit view with "Update" > "External URL" selected and the External URL modal displayed
    • When user A selects "Cancel"
    • Then the modal closes and no change is made.
  7. Scenario:
    • Given Profile pictures are enabled
    • And User "A" logged in
    • And a user "B" open in edit view after using the "External URL" modal to change user B's profile picture
    • When the "Save & Close" button is selected
    • Then any existing profile picture linked to user B's record is deleted, and the new image URL is linked to the user record. Any other changes to User B's record are also saved and the User preview pane for User B is shown. The updated image is displayed on User B's profile along with a success toast indicating the user record was successfully saved.

Generated at Fri Feb 09 00:40:30 UTC 2024 using Jira 1001.0.0-SNAPSHOT#100246-sha1:7a5c50119eb0633d306e14180817ddef5e80c75d.