Dispute a card payment: the payment, a 120-day notice, a reason, a description and a required confirmation with per-field errors, then a confirmation in place of the form.
The brief
What the agent reads, word for word.
Build a page to dispute a card payment.
Show the payment being disputed: merchant, date, amount and card. Above the form, tell the user that a dispute must be opened within 120 days of the payment.
The form has three fields:
"Reason": one of the reasons in the data. Required.
"What happened": a description in the user's words, at least 30 characters.
"I contacted the merchant first and could not solve it": must be checked.
When the user submits, show an error under each field that is missing or too short. After a valid submission, replace the form with a confirmation that the dispute is open and that the bank will reply within 10 working days.
The data is in `./fixture.json`.
What a good answer has
The page must show these texts, or the run is not done. A good answer uses these components.
Hotel Lago Blu SrlBusiness card ending 4417120 daysReasonWhat happened