TestingLibraryElementError: Unable to find an accessible element with the role "button" and name "Block User" Here are the accessible roles: button: Name "Leave Channel": <button aria-label="Leave Channel" aria-selected="false" class="str-chat__context-menu__button str-chat__context-menu__button--destructive" title="Leave Channel" type="button" /> -------------------------------------------------- Ignored nodes: comments, script, style <div class="str-chat__context-menu str-chat__channel-list-item__action-buttons-context-menu" data-str-chat-enable-animations="true" > <div class="str-chat__context-menu__body" > <button aria-label="Leave Channel" aria-selected="false" class="str-chat__context-menu__button str-chat__context-menu__button--destructive" title="Leave Channel" type="button" > <svg class="str-chat__icon str-chat__icon--leave str-chat__context-menu__button__icon" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" > <path d="M8.75 3.125H3.75V16.875H8.75M8.75 10H17.5M17.5 10L14.375 6.875M17.5 10L14.375 13.125" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" /> </svg> <div class="str-chat__context-menu__button__label" > Leave Channel </div> </button> </div> </div> ❯ Object.getElementError node_modules/@testing-library/dom/dist/config.js:37:19 ❯ node_modules/@testing-library/dom/dist/query-helpers.js:76:38 ❯ node_modules/@testing-library/dom/dist/query-helpers.js:52:17 ❯ node_modules/@testing-library/dom/dist/query-helpers.js:95:19 ❯ src/components/ChannelListItem/__tests__/ChannelListItemActionButtons.defaults.test.tsx:131:36 ❯ node_modules/@testing-library/react/dist/act-compat.js:48:24 ❯ process.env.NODE_ENV.exports.act node_modules/react/cjs/react.development.js:1081:22 ❯ node_modules/@testing-library/react/dist/act-compat.js:47:25 ❯ src/components/ChannelListItem/__tests__/ChannelListItemActionButtons.defaults.test.tsx:130:5