outside-click.jsx

const Modal = ({ children, onClose }) => (
  <div role="presentation">
    <OutsideClickHandler onOutsideClick={onClose}>
      <div> modal stuff... </div>
    </OutsideClickHandler>
  </div>
)

it('should close modal when clicked outside', () => {
  const mockHandleClose = jest.fn()
  render(<Modal {...props} onClose={mockHandleClose} />)
  fireEvent.click(document)
  // userEvent.click(document.body)  -- Tried this as well with no luck
  expect(mockHandleClose).toBeCalled()
})

// Test output:
//    expect(jest.fn()).toBeCalled()
//    Expected number of calls: >= 1
//    Received number of calls:    0