测试库React -期望多个元素通过指定的条件

Question

我的组件中有多个按钮，它们都应该被禁用。

const buttons = screen.getAllByRole('button');
expect(ALL BUTTONS).toHaveAttribute('disabled'); // I want something like this.

我们如何用最方便的方式来写这个?

Answer 1

遍历按钮数组并为每个按钮运行expect

buttons.forEach((button) => {
expect(button).toHaveAttribute('disabled');
})

Answer 2

我在测试中使用了以下代码:

buttons.forEach((button) =>{
expect(button).toBeDisabled()
})

或者你可以这样写:

expect(buttons).toBeDisabled().toHaveLength(2)//here you put number of your buttons