Error: expect(received).toHaveNoViolations(expected) Expected the HTML found at $('li:nth-child(1) > button') to have no violations: <button class="str-chat__message-reactions-detail__reaction-type-list-item-button"> Received: "Buttons must have discernible text (button-name)" Fix any of the following: Element does not have inner text that is visible to screen readers aria-label attribute does not exist or is empty aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty Element has no title attribute Element does not have an implicit (wrapped) <label> Element does not have an explicit <label> Element's default semantics were not overridden with role="none" or role="presentation" You can find more information on this issue here: https://dequeuniversity.com/rules/axe/4.11/button-name?application=axeAPI ❯ src/components/Reactions/__tests__/MessageReactionsDetail.test.tsx:109:21