Reactjs 开玩笑地获取元素的子元素

Reactjs 开玩笑地获取元素的子元素,reactjs,jestjs,react-testing-library,Reactjs,Jestjs,React Testing Library,但是这个的输出是空的。 我该怎么做 在我的主代码中,我无法为按钮组件提供testid。如何代替使用。最近的?通过这种方式,您可以通过可访问性进行测试。例如,expect(screen.getByRole('button',{name:/button/i})).toBeDisabled()。作为旁注:.toBeDisabled()来自@DennisMartinez,谢谢您尝试一下,然后在一天内对输出进行评论 <div class="btnWrap" dat

但是这个的输出是空的。 我该怎么做


在我的主代码中,我无法为按钮组件提供testid。

如何代替使用
。最近的
?通过这种方式,您可以通过可访问性进行测试。例如,
expect(screen.getByRole('button',{name:/button/i})).toBeDisabled()
。作为旁注:
.toBeDisabled()
来自@DennisMartinez,谢谢您尝试一下,然后在一天内对输出进行评论
<div
    class="btnWrap"
    data-testid="footer-button"
>
    <button
    class="Polaris-Button Polaris-Button--primary"
    type="button"
    >
    <span
        class="Polaris-Button__Content"
    >
        <span
        class="Polaris-Button__Text"
        >
        Button
        </span>
    </span>
    </button>
</div>
 test("Test footer button disable false", () => {
    args.disabled = false;
    const { debug, getByTestId } = render(
      <AppProvider>
        <Footer {...args} />
      </AppProvider>
    );

    const element = getByTestId("footer-button");
    console.log(getByTestId("footer-button").closest("button"));
    expect(element.getAttribute("disabled")).toBe(null);
    debug();
  });
        console.log(getByTestId("footer-button").closest("button"));