Data import settings page's 4th pane for Job Profiles: Header actions - Delete

Purpose: To define the actions of the Data import settings Job profile 4th pane Header Actions. This story adds the Delete functionality. The Duplicate functionallty is handled in UIDATIMP-134

As a staff person
I want to be able to take actions on individual job profiles via the options shown in the 4th pane header
So that I can delete individual job profiles.

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

NOTE: 4th pane header showing the caret next to the Job profile name and the edit pencil was created in UIDATIMP-133

Scenarios

1. Scenario 1
   • Given the Data Import Settings/Job profile 4th pane, showing the details of an individual job profile
   • When a User clicks the down caret next to the name of the Job profile in the header
   • They should see three options in the caret menu (see 30-Settings Job profile detail caret options.png)
     • Edit, preceded by the pencil icon
     • Duplicate, preceded by the duplicate (2 boxes) icon
     • Delete, preceded by the trashcan icon (even though the mockup doesn't show the trash can)
2. Scenario 2
   • Given the action caret in the header of the Data Import Settings/Job profile 4th pane
   • When the user clicks the "Delete" option
   • Then a confirmation modal should appear, formatted as shown in 07-Settings Delete file extension modal.png
     • Except with the following text:
     • Header: Delete [Job profile name] job profile?
     • Body: Delete job profile?
     • Standard Cancel/Delete buttons, with Delete defaulted
3. Scenario 3
   • Given the delete confirmation modal
   • When a user clicks Cancel
   • Then close the delete confirmation modal without deleting the job profile
4. Scenario 4 ()
   • Given the delete confirmation modal
   • When a user clicks Delete job profile
   • Then delete the job profile setting details
   • Remove the job profile from the list of job profiles
   • And return the user to the list (3rd pane) of job profiles, without the one that was just deleted
   • And display a standard green success toast with the wording: The job profile [job profile] was successfully deleted
5. Scenario 5
   • When a user clicks Delete job profile
   • And there's an error (e.g. backend communication error, job profile not deleted)
   • Then display a standard red error toast with the wording: The job profile [job profile] was not deleted
     • (Note: See the error version of styling here: https://ux.folio.org/storybook/?selectedKind=Callout&selectedStory=Basic%20Usage&full=0&addons=1&stories=1&panelRight=0&addonPanel=REACT_STORYBOOK%2Freadme%2Fpanel)
   • And return the user to the list (3rd pane) of job profiles, with the one that was not deleted still highlighted
   • And the 4th pane details still open, so that the user can try to delete it again
6. Scenario 6
   • Ensure automated testing coverage for this new code is 80% plus and confirm with screenshot

NOTES:

• If the job profile is deleted (at least from the UI perspective), is there a way to still keep track of it, so that it can still be seen in the logs, associated with previous jobs/files that it was used for? Maybe consider an inactive flag instead of deletion, if that would make it easier?