Using getByLabelText is also returning the hidden value of fieldset which is not a label. #1253
Description
@testing-library/domversion: 8.10.1- Testing Framework and version: Jest 29.6.3
- DOM Environment: Brave Browser (current)
Relevant code or config:
expect(screen.getByLabelText('Access type')).toBeVisible();What you did:
Testing to make sure a label is visible in the UI
What happened:
Multiple results were returned, including fieldset
● ClientOidcInfo › in readOnly mode › should have expected elements TestingLibraryElementError: Found multiple elements with the text of: Access type Here are the matching elements: <select aria-invalid="false" disabled="" id="access_type" name="access_type" > <option value="one">One</option> <option value="two">Two</option> </select> <div aria-label="Access type" role="textbox" > <label data-shrink="true" for="access_type" id="access_type-label" > Access type </label> <div> <select aria-invalid="false" disabled="" id="access_type" name="access_type" > <option value="one">One</option> <option value="two">Two</option> </select> <fieldset aria-hidden="true"> <legend> <span> Access type </span> </legend> </fieldset> </div> </div> Problem description:
fieldsetis not part of the inputlabeland shouldn't be included withgetByLabelText
Suggested solution:
Do not return fieldset when using a query *ByLabelText