Как написать модульные тесты для компонента в Jest React?

Question

Я хочу написать тестовый пример для компонента. Я новичок в модульных тестовых случаях, поэтому Может ли кто-нибудь помочь мне в написании модульного теста для нижеприведенного компонента.

Код компонента -

<TableContainer className={classes.tableContainer}>
      {data.map((item: any, index: number) => (
      <Box component="div" key={index} className={classes.contentBox}>
      <ListItem
        width="100%"
        thickness={"0px"}
        contentHTML={
          <>
          <TestComponent
            userImage={item.userImage}
            dateTime={item.dateTime}
            userName={item.userName}
            productOrderId={item.productOrderId}
            status={item.status}
            userId={item.userId}
            badgeCount={item.badgeCount}
            handleJoinButtonClick={props.handleJoinButtonClick}
          />

          </>
        }
      ></ListItem>
    </Box>
      ))}
    </TableContainer>

У нас есть две записи в данных. Я использую Materiaul UI для CSS. Как я могу написать модульные тесты для этого компонента в Jest Enzyme?