diff --git a/frontend/src/app/components/remittance/RemittanceForm.test.tsx b/frontend/src/app/components/remittance/RemittanceForm.test.tsx index 4df20894..336453d6 100644 --- a/frontend/src/app/components/remittance/RemittanceForm.test.tsx +++ b/frontend/src/app/components/remittance/RemittanceForm.test.tsx @@ -116,9 +116,7 @@ describe("RemittanceForm", () => { await user.type(addressInput, VALID_ADDRESS); await user.type(amountInput, "100"); - const memoInput = screen.getByPlaceholderText( - "Add a note for the recipient (max 28 characters)", - ); + const memoInput = screen.getByLabelText(/^Memo/); // Use fireEvent.change to bypass the textarea's maxLength attribute fireEvent.change(memoInput, { target: { value: "This is a very long memo that exceeds the limit" }, @@ -136,9 +134,7 @@ describe("RemittanceForm", () => { const user = userEvent.setup(); render(); - const memoInput = screen.getByPlaceholderText( - "Add a note for the recipient (max 28 characters)", - ); + const memoInput = screen.getByLabelText(/^Memo/); await user.type(memoInput, "Test memo"); await waitFor(() => { @@ -150,7 +146,7 @@ describe("RemittanceForm", () => { const user = userEvent.setup(); render(); - const tokenSelect = screen.getByDisplayValue("USDC"); + const tokenSelect = screen.getByLabelText(/^Token/); expect(tokenSelect).toBeInTheDocument(); await user.selectOptions(tokenSelect, "EURC"); diff --git a/frontend/src/app/components/remittance/RemittanceForm.tsx b/frontend/src/app/components/remittance/RemittanceForm.tsx index 63b67704..6f31b263 100644 --- a/frontend/src/app/components/remittance/RemittanceForm.tsx +++ b/frontend/src/app/components/remittance/RemittanceForm.tsx @@ -170,10 +170,14 @@ export function RemittanceForm({ onSuccess }: RemittanceFormProps) { {/* Token Selection */}
-