React Testing Library：获取TestId元素下的子输入框方法咨询

很简单，既然你已经通过getByTestId('MyId')拿到了目标父元素，有几种实用的方法可以获取它内部的复选框，同时附上验证选中状态的方式，给你梳理一下：

• 优先推荐：用角色（Role）查找（符合Testing Library最佳实践）
  Testing Library鼓励我们从用户视角定位元素，复选框对应的ARIA角色是checkbox，你可以直接在父元素上调用getByRole来定位：

// 先拿到父容器
const parentContainer = screen.getByTestId('MyId');
// 从父容器中获取复选框
const targetCheckbox = parentContainer.getByRole('checkbox');

这种方法不依赖DOM结构的层级，即使后续DOM小幅度调整，只要复选框的角色不变，代码依然能正常工作。

• 备选：用DOM选择器直接定位
  如果你的场景更偏向直接操作DOM结构，也可以在父元素上使用querySelector：

const parentContainer = screen.getByTestId('MyId');
const targetCheckbox = parentContainer.querySelector('input[type="checkbox"]');

不过这种方式对DOM结构的变动更敏感，比如如果复选框的标签或属性调整，代码可能会失效，所以优先推荐第一种方法。

验证复选框的选中状态 #

拿到复选框元素后，用jest-dom（Testing Library常用的断言库）的toBeChecked()方法就能轻松验证：

expect(targetCheckbox).toBeChecked();

另外，如果你想简化步骤，还可以一步到位直接定位复选框，不用先获取父元素：

const targetCheckbox = screen.getByRole('checkbox', { container: screen.getByTestId('MyId') });

内容的提问来源于stack exchange，提问作者Anna