Centre-Selector-Unit-Test

CentreSelector.test.js

import React from 'react'
import { render } from 'testUtils'
import { fireEvent } from 'react-testing-library'
import CentreSelector from './CentreSelector'

const centres = [
  {
    centre_id: '123',
    centre_name: 'Demo Centre'
  },
  {
    centre_id: '456',
    centre_name: 'Demo Centre II'
  }
]

test('invokes the onCloseHandler', async () => {
  const spy = jest.fn()
  const { getByText } = render(
    <CentreSelector
      value={centres[0].centre_id}
      centres={centres}
      onChange={spy}
    />
  )

  fireEvent.click(getByText('Demo Centre'))
  fireEvent.click(getByText('Demo Centre II'))

  expect(spy).toHaveBeenCalledTimes(1)
})