Издевательство над react-beautiful-dnd с помощью Jest

Рекомендуемый подход к тестированию компонентов с использованием react-beautiful-dndеще не определено. Однако это меня несколько блокирует.

Я могу протестировать свои компоненты с помощью react-beautiful-dnd, обернув их в DragDropContext согласно эта рекомендация:

import React from 'react'
import {render} from 'react-testing-library'
import {DragDropContext} from 'react-beautiful-dnd'

import List from '../List'

describe('List', () => {

  it('renders', () => {
    const title = 'title'
    const {container, getByText} = render(
      <DragDropContext onDragEnd = {() => {}}>
        <List>
          <li>{title}</li>
        </List>
      </DragDropContext>
    )
    expect(container.firstChild).toBeInTheDocument()
    expect(getByText(title)).toBeInTheDocument()
  })
})

Однако это кажется неоптимальным подходом. Вместо этого я хотел бы поиздеваться над react-beautiful-dnd, но не могу понять, как это сделать правильно.

Скажем, если мой компонент List завернут в Droppable следующим образом:

return (
  <Droppable droppableId='id'>
    {provided =>
      <ListContainer 
        ref = {provided.innerRef}
        {...provided.droppableProps}
      >
        {children}
        {provided.placeholder}
      </ListContainer>
    }
  </Droppable>
)

как мне написать макет для компонента, используя подход render prop (который делает Droppable)?

jest.mock('react-beautiful-dnd', () => ({
  Droppable: props => props.children()
}))

Вышесказанное будет работать для higher-order component. Как сделать так, чтобы он работал с компонентом, реализующим render prop?