/
Example Issues

Example Issues

As a user, I want to be able to:

  • Save first and last name in a form

  • So that it can be used for downstream purposes

 

 

ACs

  • WHEN the user navigates to /user-details THEN they are able to see a form that takes the first and last name. The submit button should be disabled.

    Untitled drawing (16).png

  • The user is able to enter their names.

  • WHEN at least one character in both the first and last name fields have been entered, the Submit button should be enabled and change color

    Untitled drawing (15).png

     

  • WHEN the submit button is clicked:

    • The submit button should be disabled.

    • The submit button should show “submitting”

      Untitled drawing (17).png

    • The from data should be posted to /api/user-details with {first: "NAME", last: "NAME"}

  • IF the submission is successful, the form should disappear and leave a thank you message.

    SimpleForm_ Success.png

  • ELSE if the submission returns an error THEN

    • An error message should be shown to the user.

      SimpleForm_ Submitting.png

    • The submit button should be re-enabled.