如何用笑话和剧作家测试材料UI选择组件？

Question

我想通过剧作家选择一个选项，但我不能选择一个选项。什么是错的？

梅

          <Select
            data-testid="color"
          >
            <MenuItem value="red">
              red
            </MenuItem>
            <MenuItem value="green">
              green
            </MenuItem>

          </Select>

测试

await page.selectOption("data-testid=color", "red)

Answer 1

如果您复制的内容是准确的，可能会有一些空白。我会试着按价值选择：

await page.selectOption('[data-testid=color]', { value: 'red' });