3

如何使用 react-testing-library's 在 MUI datepicker 中键入TextField 输入user-event？我可以看到正在应用一个面具

我试过userEvent.type(inputEl, '1')和userEvent.keyboard('1')。在这两种情况下，输入都是空的。

我目前的假设是重新渲染用高阶组件的空状态替换我的更新（这是有道理的，基于应用程序的输入的日期格式掩码）。

文档示例按预期工作，因此我的问题特定于MUI datepicker。

可以在此沙箱中找到组件（和测试）的淡化版本。

下面是呈现的 HTML 的副本，以证明我使用 a 来定位输入元素data-testid，但它不起作用：

screen.getByTestId('date-selector-text-field').outerHTML:
<input
  aria-invalid="false"
  placeholder="dd / mm / yyyy"
  readonly=""
  type="text"
  aria-readonly="true"
  aria-label="Choose date"
  data-testid="date-selector-text-field"
  class="MuiOutlinedInput-input MuiInputBase-input css-1t8l2tu-MuiInputBase-input-MuiOutlinedInput-input"
  value=""
  aria-describedby="mui-1-helper-text"
  id="mui-1"
>
4

0 回答 0