如何在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 for CSS。如何在Jest Enzyme中为此组件编写单元测试用例？