Tengo una identificación de componente de selección de interfaz de usuario de material como para automatizar pruebas con broma. ¿Es posible seleccionar una opción dentro de un componente de interfaz de usuario de material de selector de lista y hacer que la opción rellene su valor de manera confirmable en broma? No puedo encontrar ningún método confiable o información sobre cómo hacer esto.
En la biblioteca MUI, todos los componentes de entrada tienen una propiedad llamada inputProps . Esta propiedad se reenvía al html <input /> al final del árbol. Entonces puede pasar una propiedad que identifique la entrada para que pueda usarla para encontrarla e interactuar con ella.
MUI no es tan diferente.
¿Has intentado algo como ésto?
import {render, screen, fireEvent} from '@testing-library/react' test('should pick select option', () => { render(<MyCustomMUIComponent />) const select = screen.getByLabelText('My Select'); fireEvent.click(select); const option = screen.getByText('First Option'); fireEvent.click(option); // the effect you want to test for })