小编Jat*_*rda的帖子

如何等待测试库中按钮的禁用状态发生更改?

我有一个 React 组件,其中一个输入字段和一个按钮在一开始就被禁用。如果用户向输入字段提供的输入经过 API 验证(在输入字段中输入任何内容后调用该 API),则此按钮的状态(已禁用)会发生变化。

我正在通过提供有效输入进行测试,但它需要等到 API 调用完成,所以基本上我想测试,如果提供有效输入,按钮在我的测试中是否重新启用。

我通过以下代码执行此操作:

userEvent.type(getByRole("textbox"), "HELLO");
await waitFor(() => expect(getByTestId("my-btn")).not.toBeDisabled());

Run Code Online (Sandbox Code Playgroud)

但即使输入有效,它也不起作用

testing reactjs react-testing-library

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

标签 统计

react-testing-library ×1

reactjs ×1

testing ×1