![Header image for post: Tidbit: How to Set Selected Option with React Testing Library](/_astro/blog-placeholder-5.CB3Xi-gp_QzheB.webp)
Tidbit: How to Set Selected Option with React Testing Library
Yet another easy-to-forget-and-difficult-to-find answer. I was trying to remember how to set the selected option of a select
element, and with Testing Library it’s as simple as this:
import { fireEvent, render } from "@testing-library/react";
it("sets the selected option", () => {
const { findByTestId } = render(<SomeComponent />);
const selectElement = await findByTestId('selectElementId');
fireEvent.change(selectElement, { target: { value: valueOfDesiredOption }});
})
Happy Friday!