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"));