Currently the contact form component has a less than desirable loading state. I would like to have a more pleasant loading experience while the form is submitting.
Given a user
When they submit the contact form
Then the form fields and submit button are disabled
Given a user
When they submit the contact form
Then a loading indicator is displayed over the top of the form
Given a user
When the form has submitted successfully
Then the form fields are cleared and they are shown a success message
Given a user
When the form has submitted successfully
Then the loading indicator becomes hidden
Given a user
When the form has failed to submit
Then the form fields are NOT cleared and they are shown an error message
Given a user
When the form has failed to submit
Then the form fields and submit button are enabled
Given a user
When the form has failed to submit
Then the loading indicator becomes hidden
Currently the contact form component has a less than desirable loading state. I would like to have a more pleasant loading experience while the form is submitting.
Given a user When they submit the contact form Then the form fields and submit button are disabled
Given a user When they submit the contact form Then a loading indicator is displayed over the top of the form
Given a user When the form has submitted successfully Then the form fields are cleared and they are shown a success message
Given a user When the form has submitted successfully Then the loading indicator becomes hidden
Given a user When the form has failed to submit Then the form fields are NOT cleared and they are shown an error message
Given a user When the form has failed to submit Then the form fields and submit button are enabled
Given a user When the form has failed to submit Then the loading indicator becomes hidden