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

answer re: React testing library on change for Material UI Select component

Apr 28 '20

171

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";

…

Open Full Answer