Support list and listitem

[Raynos]

I tried to use dom testing library with getByRole('listitem', { name: 'text' })

I realized that querying a button by accessibility name works but the function computeAccessibleName when called on <span role='listitem'>text</span> returns empty string

[eps1lon]

listitem only allows naming from "author". For the accessible name the contents are ignored. Only aria-label and aria-labelledby work.

I strongly advise against adding aria-label just to be able to query by accessible name. Test the implications with assistive technology first.

Related discussion in w3c/aria: w3c/aria#1117

[Raynos]

I basically came here from https://stackoverflow.com/a/61669469/419970

I noticed that getByText does not work with a span but does work with getByRole so I thought getByRole was a good replacement for getByText

I guess getByRole is good for getting buttons that are kind of static but not for dynamic text in <p> or <span> or <li>

[Raynos]

I also came from testing-library/dom-testing-library#201 (comment)

Where it says getByRole would help.

[eps1lon]

I guess getByRole is good for getting buttons that are kind of static but not for dynamic text in

or or

ByRole is for querying elements with an accessible role with the option to filter by their name. Most elements have one but not listitem.

I think we can close since it is working as intended.