如何用玩笑在 MUI 选择列表中选择一个选项？答案

【问题标题】：How to select an option in MUI select list with jest?如何用玩笑在 MUI 选择列表中选择一个选项？
【发布时间】：2022-02-15 23:28:33
【问题描述】：

我有一个 Material UI 选择组件 ID，喜欢用玩笑自动化测试。是否可以在列表选择器 Material UI 组件中选择一个选项，并让该选项开玩笑地填充其值？我找不到任何可靠的方法或有关如何执行此操作的信息。

【问题讨论】：

这个问题看起来像重复的stackoverflow.com/questions/52930419/…，请验证给定的解决方案。如果不让我知道，这应该可以工作。
@polar 请添加关于您迄今为止尝试过的内容的 sn-p，以便我们为您提供帮助。还要为您的问题添加相关详细信息。

标签： javascript reactjs jestjs material-ui

【解决方案1】：

在 MUI 库中，所有输入组件都有一个名为 inputProps 的属性。该属性被转发到树末尾的 html <input />。因此，您可以传递一个标识输入的属性，以便您可以使用它来查找它并与之交互。

【讨论】：

【解决方案2】：

MUI 并没有那么不同。

你尝试过这样的事情吗？

import {render, screen, fireEvent} from '@testing-library/react'

test('should pick select option', () => {
  render(<MyCustomMUIComponent />)
  const select = screen.getByLabelText('My Select');
  fireEvent.click(select);
  const option = screen.getByText('First Option');
  fireEvent.click(option);

  // the effect you want to test for
})

【讨论】：