Purpose:

User story statement(s):

As a library staff person,
I want to upload or link a profile picture to a user record

So other staff can verify the user's identity

Scenarios:

1. Scenario:

   • Given Users > [some record] > Actions > Edit

   • When the edit screen is opened

   • Then under the User Information accordion, a preview of any existing profile picture is displayed to the right of the existing fields, with a dropdown button labeled "Update"

2. Scenario:

   • Given Users > [some record] > Actions > Edit

   • When the "Update" dropdown button under profile picture is selected

   • Then two options are displayed: 

     • Local file

     • External URL

3. Scenario:

   • Given Users > [some record] > Actions > Edit > "Update" > "Local file"

   • When a file is selected for upload

   • Then a modal is displayed

     • Titled "Preview and Edit"

     • Showing the uploaded image

     • Below the image are two sliders, "Zoom" and "Rotate"

     • Below this there should be a primary button: "Save" and a secondary button "Cancel"

4. Scenario

   1. Given Users > [some record] > Actions > Edit > "Update" 

   2. When "External URL" is selected

   3. Then a modal is displayed:

      1. Titled "Update Profile Picture"

      2. With a prompt: "External URL"

      3. Below the prompt a text box

      4. Below the text box there should be a primary button: "Save" and a secondary button "Cancel"

5. Scenario

   1. Given Users > [some record] > Actions > Edit > "Update" > "External URL" selected

   2. When an invalid image URL is inputted to the text box and "Save" is selected

   3. Then red error text is displayed below the text box that reads "Invalid image URL" and the modal does not close.

Notes:

See the file upload box for the Date Import app or the Link/Document upload section of the Invoices app invoice edit screen for reference for the upload box. 

See https://folio-org.atlassian.net/browse/UIU-2957 for a demo for Scenario 3's modal