小编Sky*_*Sky的帖子

如何使用 data-testid 测试没有标签的 MUI 复选框?

我想测试一个没有标签的复选框。关键是还有其他复选框,所以我不能使用 getByRole。

我尝试过使用 data-testid,但显然它不起作用。

我应该如何检查该复选框是否已选中(toBeChecked())?

<Checkbox
  data-testid={item?.id}
  key={item?.id}
  id={item?.id.toString()}
  color="secondary"
  checked={item?.checked}
  disabled={hasAll}
  onChange={(e: React.ChangeEvent<HTMLInputElement>) => {
    if (item) {
      item.checked = e.target.checked;
      setFinalData(updateItemInArray(finalData, {
        item,
        index,
      }));
    }
  }}
/>
Run Code Online (Sandbox Code Playgroud)

testing checkbox material-ui react-testing-library

2
推荐指数
1
解决办法
3024
查看次数

如何在 nextJs 13 中添加自定义文档

我想为我的新 nextjs 13 项目创建自定义文档并使用自定义设计系统包。该包需要页面目录中的自定义文档,如 nextjs 官方文档指导。但是,nextjs 13 的 app 目录结构中没有自定义文档的文档。

javascript reactjs next.js next.js13

1
推荐指数
1
解决办法
2519
查看次数