Purpose: To be able to edit existing settings for action profiles.

Notes:
This story is very similar to UIDATIMP-144, which creates a new action profile setting. This story should be able to reuse much of what was built in UIDATIMP-148.
This story builds the edit screen and functionality, to connect to the UI's Edit button in the Action profile details screen.

As a staff person
I want to be able to update settings related to action profiles for the Data Import app
So that they will be accurate

Live prototype:
https://xd.adobe.com/view/0bb2d8ab-aabd-4ff6-4d5a-faa59a93368e-7d83/

Brief video walk-through
https://www.dropbox.com/s/3slcv4v49qm92rv/2018-11-06-data-import-19.mp4?dl=0

Scenarios

1. Scenario 1

   • Given the Data Import Settings for Action profiles

   • When a User wants to update an existing action profile

   • Then they should be able to access an Edit action profile screen via

     • The *Edit *button in the top right of the details header

     • And the edit option in the details header caret

2. Scenario 2

   • Given the Edit action profile screen

   • When a User views the screen with no edits

   • Then it should appear like this (based loosely on the attached 63-Settings Action profiles Action profile details.png)

     • Header: Edit [action profile name]

       • "Save" button at the top right of the header, which is greyed out until data has been filled in, then turns to blue once the screen is dirty (has some data in it)

     • Top of detail record:

     • First accordion header: Summary (not Basic Info, like it shows in the wireframe) [default to open]

       • Name [required data element; cannot duplicate other action profile names]

       • Description [free text field]

     • Second accordion header: Details (not Overview, like it shows in the wireframe) [default to open]

       • Leave this section blank for now [will contain details about the action to be taken on the existing FOLIO record]

     • No Field mapping or Job profiles accordions

       • NOTES

         • For any required data element, make sure the field name has an asterisk next to it

3. Scenario 3

   • Given the Edit action profile screen

   • If data is missing from any required field and the User presses the "Save" button

   • Then

     • The record should not be saved

     • And the missing required data element(s) should be outlined in red, with the cursor in the data entry box for the first missing required element, along with the standard warning message, as shown in the attached Missing Required Data.PNG

4. Scenario 4

   • Given the Edit action profile screen

   • If a User has filled in any data on the screen and begins to navigate away from it without creating/saving it

   • Then the user should see the standard modal asking whether they want to continue or not, as shown in the attached Unsaved changes modal.PNG

5. Scenario 5

   • Given the Edit action profile screen

   • When a User clicks the caret to the left of the first accordion (Summary)

   • Then the caret should reverse direction and the accordion should be toggled closed

6. Scenario 6

   • Given the Edit action profile screen

   • When a User clicks the caret to the left of the second accordion (Details)

   • Then the caret should reverse direction and the accordion should be toggled closed

7. Scenario 7

   • Ensure automated testing coverage for this new code is 80% plus and confirm with screenshot