How to test Material UI Select Component with jest and playwright?

Question

I want to select an option via playwright, but I cannot select an option. What is wrong?

MUI

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

          </Select>

test

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

Answer 1

There might be some whitespaces if what you copies is accurate. I'd try to select by value:

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