getByDisplayValue is a specialized query in React Testing Library used to find form elements—specifically input , textarea , and select —based on the current value they display. This query is particularly useful when you need to verify that a form has been pre-filled with data or when a user's interaction has successfully changed a field's state. When to Use getByDisplayValue
const MyComponent = () => return ( <div> <label> Favorite color: <select> <option value="red">Red</option> <option value="green">Green</option> <option value="blue">Blue</option> </select> </label> </div> ); ;