DEV Community

Alan Garcia
Alan Garcia

Posted on

1

Answer: React testing library on change for Material UI Select component

material-ui's select component uses the mouseDown event to trigger the popover menu to appear. If you use fireEvent.mouseDown that should trigger the popover and then you can click your selection within the listbox that appears. see example below.

import React from "react"
import { render, fireEvent, within } from "react-testing-library";

Top comments (0)

Sentry image

See why 4M developers consider Sentry, “not bad.”

Fixing code doesn’t have to be the worst part of your day. Learn how Sentry can help.

Learn more