Purpose: Inline editing of data elements in the Information section of the User details page. The set of User fields will grow and change as part of later stories. Password management will also change to ensure passwords are encrypted etc.

CB: I think we should hold off on this until we have implemented more data elements for the Users page. Also, discuss with Tech Team the complexity of implementing this option. There will also be a full-page edit. We may want to implement that first.

1. Scenario

   1. Given the Information section of the User details page

   2. When I hover over a field

   3. Then field is highlighted an edit icon displays

2. Scenario

   1. Given the edit icon

   2. When clicked

   3. Then:

      1. The highlighted field(s) become editable

      2. An X button displays as shown in the prototype

      3. A check button displays as shown in the prototype

3. Scenario

   1. Given I make valid changes to the editable field(s)

   2. When I click the check button

   3. Then:

      1. My changes are saved

      2. The editable section returns to original read-only state

4. Scenario

   1. Given I make changes to the editable field(s)

   2. When I click the X button

   3. Then:

      1. My changes are not saved

      2. The editable section returns to original read-only state

      3. Data from prior save is displayed

5. Scenario

   1. Given I make changes to the editable field(s) but don't save or cancel

   2. When I click anywhere outside of the edit area

   3. Then:

      1. Edit area remains open

      2. Changes are neither saved nor cancelled

      3. I cannot navigate away without first clicking the X or check button

6. Scenario

   1. Given I make NO changes to the editable field(s)

   2. When I click on a navigational element outside of the edit area

   3. Then:

      1. The editable section returns to original read-only state

      2. I am taken to the page to which I navigated

7. Scenario

   1. Given I make NO changes to the editable field(s)

   2. When I click on a editable Element E outside of the edit area

   3. Then:

      1. The currently editable section returns to original read-only state

      2. Element E is opened for editing

8. Scenario

   1. Given the User details page

   2. When edited

   3. Then edit controls should be:

      • First Name - Short text box

      • Last Name- Short text box

      • Username - Uneditable

      • Password - Short text box

Out of scope for this story (will be added to additional stories):

• Full edit mode as an alternative to inline editing where everything is open and you can tab between fields

• Validating data