0

我正在尝试测试以正确顺序呈现某些选项的下拉组件。

目前测试代码如下所示：

const dropdown = getByTestId('my-dropdown');
const selectOptions = dropdown.ownerDocument.querySelectorAll(
 '.Select-menu .Select-option button'
);

expect([...selectOptions].map(o => o.innerText)).toEqual([
 'All options',
 'Option X',
 'Option Y',
 'Option Z',
]);

这种测试方法有效，但感觉它过于依赖我的组件的实现细节。的核心原则之一react-testing-library是我们希望我们的测试避免包含组件的实现细节。

有人对我如何断言我的下拉菜单以正确的顺序呈现选项有任何见解吗？你会怎么做react-testing-library呢？

4

0 回答 0