frontend/src/components/Escrow/EscrowForm.test.tsx at fix/layout-skip-link · ghzhost/frontend · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
import { render, screen, waitFor, fireEvent } from '@testing-library/react'
import userEvent from '@testing-library/user-event'
import { describe, it, expect, vi } from 'vitest'
import { EscrowForm } from './EscrowForm'

const DEPOSITOR = 'GBBD47IF6LWK7P7MDEVSCWR7DPUWV3NY3DTQEVFL4NAT4AQH3ZLLFLA5'
const BENEFICIARY = 'GA5ZSEJYB37JRC5AVCIA5MOP4RHTM335X2KGX3IHOJAPP5RE34K4KZVN'
const ARBITER = 'GCV37CL42Z5KTWLABYCGUIP3X5HRMAAOWCKT75LSQEQUBV3MSJ5FRFRR'

const supportedAssets = [{ code: 'XLM', name: 'Stellar Lumens' }]

async function fillCommonFields() {
  const amountInput = screen.getByLabelText(/amount/i)
  fireEvent.change(amountInput, { target: { value: '10' } })
  fireEvent.blur(amountInput)

  const unlockInput = screen.getByLabelText(/unlock time/i)
  const future = new Date(Date.now() + 24 * 60 * 60 * 1000).toISOString().slice(0, 16)
  fireEvent.change(unlockInput, { target: { value: future } })
  fireEvent.blur(unlockInput)
}

describe('EscrowForm self-escrow / arbiter guards', () => {
  it('disables submit and shows an error when beneficiary equals the connected wallet', async () => {
    const user = userEvent.setup()
    render(
      <EscrowForm
        onSubmit={vi.fn()}
        supportedAssets={supportedAssets}
        depositorPublicKey={DEPOSITOR}
      />,
    )

    await user.type(screen.getByLabelText(/beneficiary stellar address/i), DEPOSITOR)
    await fillCommonFields()

    await waitFor(() => {
      expect(screen.getByText(/self-escrow is not allowed/i)).toBeInTheDocument()
    })
    expect(screen.getByRole('button', { name: /review escrow/i })).toBeDisabled()
  })

  it('disables submit and shows an error when arbiter equals the connected wallet', async () => {
    const user = userEvent.setup()
    render(
      <EscrowForm
        onSubmit={vi.fn()}
        supportedAssets={supportedAssets}
        depositorPublicKey={DEPOSITOR}
      />,
    )

    await user.type(screen.getByLabelText(/beneficiary stellar address/i), BENEFICIARY)
    await user.type(screen.getByLabelText(/arbiter address/i), DEPOSITOR)
    await fillCommonFields()

    await waitFor(() => {
      expect(screen.getByText(/arbiter cannot be your own wallet address/i)).toBeInTheDocument()
    })
    expect(screen.getByRole('button', { name: /review escrow/i })).toBeDisabled()
  })

  it('disables submit and shows an error when arbiter equals the beneficiary', async () => {
    const user = userEvent.setup()
    render(
      <EscrowForm
        onSubmit={vi.fn()}
        supportedAssets={supportedAssets}
        depositorPublicKey={DEPOSITOR}
      />,
    )

    await user.type(screen.getByLabelText(/beneficiary stellar address/i), BENEFICIARY)
    await user.type(screen.getByLabelText(/arbiter address/i), BENEFICIARY)
    await fillCommonFields()

    await waitFor(() => {
      expect(screen.getByText(/same address as the beneficiary/i)).toBeInTheDocument()
    })
    expect(screen.getByRole('button', { name: /review escrow/i })).toBeDisabled()
  })

  it('allows submission with distinct depositor, beneficiary, and arbiter addresses', async () => {
    const user = userEvent.setup()
    const onSubmit = vi.fn()
    render(
      <EscrowForm
        onSubmit={onSubmit}
        supportedAssets={supportedAssets}
        depositorPublicKey={DEPOSITOR}
      />,
    )

    await user.type(screen.getByLabelText(/beneficiary stellar address/i), BENEFICIARY)
    await user.type(screen.getByLabelText(/arbiter address/i), ARBITER)
    await fillCommonFields()

    await waitFor(() => {
      expect(screen.getByRole('button', { name: /review escrow/i })).toBeEnabled()
    })

    await user.click(screen.getByRole('button', { name: /review escrow/i }))
    expect(onSubmit).toHaveBeenCalled()
  })
})