React Testing Library: How to remove an item from the Semantic UI Dropdown (in Multiple Selection mode)?

Question

While building my tests, I've come up against an issue for which I can't find a solution. Simply put, I want to remove the "Selects any" option from the Semantic UI Dropdown which I've previously added. I've tried several approaches unsuccessfully to fireEvent.click on the little "X" that appears beside the text but none work. Might anyone have any suggestions?

Answer 1

Did you try accessing to the i tag getting the label of your element? Something like:

fireEvent.click(screen.getByText(/Selects any/).querySelector('i'));

react-testing-library queries return DOM nodes.