TestingLibraryElementError: Unable to find an element with the text: Ask to join. This could be because the text is broken up by multiple elements. In this case, you can provide a function for your text matcher to make your matcher more flexible. Ignored nodes: comments, script, style <div> <div data-focus-guard="true" style="width: 1px; height: 0px; padding: 0px; overflow: hidden; position: fixed; top: 1px; left: 1px;" tabindex="0" /> <div aria-labelledby="mx_BaseDialog_title" class="mx_JoinRuleDialog mx_Dialog_fixedWidth" data-focus-lock-disabled="false" role="dialog" > <div class="mx_Dialog_header" > <h1 class="mx_Heading_h3 mx_Dialog_title" id="mx_BaseDialog_title" > Allow guest users to join this room </h1> </div> <p> <span> To create a share link, make this room <strong> public </strong> or enable the option for users to <strong> ask to join </strong> . This allows guests to join without being invited. </span> </p> <p> <span> (This can be reverted to the previous value in the Room Settings: <strong> Security & Privacy </strong> / <strong> Access </strong> ) </span> </p> <label class="mx_StyledRadioButton mx_JoinRuleSettings_radioButton mx_StyledRadioButton_disabled mx_StyledRadioButton_checked" > <input aria-describedby="joinRule-invite-description" checked="" disabled="" id="joinRule-invite" name="joinRule" type="radio" value="invite" /> <div> <div /> </div> <div class="mx_StyledRadioButton_content" > Private (invite only) </div> <div class="mx_StyledRadioButton_spacer" /> </label> <span id="joinRule-invite-description" > Only invited people can join. </span> <label class="mx_StyledRadioButton mx_JoinRuleSettings_radioButton mx_StyledRadioButton_enabled" > <input aria-describedby="joinRule-public-description" id="joinRule-public" name="joinRule" type="radio" value="public" /> <div> <div /> </div> <div class="mx_StyledRadioButton_content" > Public </div> <div class="mx_StyledRadioButton_spacer" /> </label> <span id="joinRule-public-description" > Anyone can find and join. </span> <p> If you don't want to change the access of this room, you can create a new room for the call link. </p> <div class="mx_JoinRuleDialogButtons" > <button class="_button_i91xf_17 mx_Dialog_nonDialogButton" data-kind="tertiary" data-size="lg" role="button" tabindex="0" > I don't want to change the access level. </button> </div> <div aria-label="Close dialog" class="mx_AccessibleButton mx_Dialog_cancelButton" role="button" tabindex="0" /> </div> <div data-focus-guard="true" style="width: 1px; height: 0px; padding: 0px; overflow: hidden; position: fixed; top: 1px; left: 1px;" tabindex="0" /> </div> at Object.getElementError (node_modules/@testing-library/dom/dist/config.js:37:19) at node_modules/@testing-library/dom/dist/query-helpers.js:76:38 at node_modules/@testing-library/dom/dist/query-helpers.js:52:17 at node_modules/@testing-library/dom/dist/query-helpers.js:95:19 at Object.<anonymous> (test/unit-tests/components/views/rooms/RoomHeader/CallGuestLinkButton-test.tsx:225:29)

TestingLibraryElementError: Unable to find an element with the text: Ask to join. This could be because the text is broken up by multiple elements. In this case, you can provide a function for your text matcher to make your matcher more flexible. Ignored nodes: comments, script, style <div> <div data-focus-guard="true" style="width: 1px; height: 0px; padding: 0px; overflow: hidden; position: fixed; top: 1px; left: 1px;" tabindex="0" /> <div aria-labelledby="mx_BaseDialog_title" class="mx_JoinRuleDialog mx_Dialog_fixedWidth" data-focus-lock-disabled="false" role="dialog" > <div class="mx_Dialog_header" > <h1 class="mx_Heading_h3 mx_Dialog_title" id="mx_BaseDialog_title" > Allow guest users to join this room </h1> </div> <p> <span> To create a share link, make this room <strong> public </strong> or enable the option for users to <strong> ask to join </strong> . This allows guests to join without being invited. </span> </p> <p> <span> (This can be reverted to the previous value in the Room Settings: <strong> Security & Privacy </strong> / <strong> Access </strong> ) </span> </p> <label class="mx_StyledRadioButton mx_JoinRuleSettings_radioButton mx_StyledRadioButton_disabled mx_StyledRadioButton_checked" > <input aria-describedby="joinRule-invite-description" checked="" disabled="" id="joinRule-invite" name="joinRule" type="radio" value="invite" /> <div> <div /> </div> <div class="mx_StyledRadioButton_content" > Private (invite only) </div> <div class="mx_StyledRadioButton_spacer" /> </label> <span id="joinRule-invite-description" > Only invited people can join. </span> <label class="mx_StyledRadioButton mx_JoinRuleSettings_radioButton mx_StyledRadioButton_enabled" > <input aria-describedby="joinRule-public-description" id="joinRule-public" name="joinRule" type="radio" value="public" /> <div> <div /> </div> <div class="mx_StyledRadioButton_content" > Public </div> <div class="mx_StyledRadioButton_spacer" /> </label> <span id="joinRule-public-description" > Anyone can find and join. </span> <p> If you don't want to change the access of this room, you can create a new room for the call link. </p> <div class="mx_JoinRuleDialogButtons" > <button class="_button_i91xf_17 mx_Dialog_nonDialogButton" data-kind="tertiary" data-size="lg" role="button" tabindex="0" > I don't want to change the access level. </button> </div> <div aria-label="Close dialog" class="mx_AccessibleButton mx_Dialog_cancelButton" role="button" tabindex="0" /> </div> <div data-focus-guard="true" style="width: 1px; height: 0px; padding: 0px; overflow: hidden; position: fixed; top: 1px; left: 1px;" tabindex="0" /> </div> at Object.getElementError (node_modules/@testing-library/dom/dist/config.js:37:19) at node_modules/@testing-library/dom/dist/query-helpers.js:76:38 at node_modules/@testing-library/dom/dist/query-helpers.js:52:17 at node_modules/@testing-library/dom/dist/query-helpers.js:95:19 at Object.<anonymous> (test/unit-tests/components/views/rooms/RoomHeader/CallGuestLinkButton-test.tsx:241:38)

expect(received).toBeTruthy() Received: null Ignored nodes: comments, script, style <html> <head /> <body> <div> <pre class="mx_SyntaxHighlight hljs language-undefined" > console.log("Hello, World!"); </pre> </div> </body> </html> at toBeTruthy (test/unit-tests/components/views/elements/SyntaxHighlight-test.tsx:16:81) at runWithExpensiveErrorDiagnosticsDisabled (node_modules/@testing-library/dom/dist/config.js:47:12) at checkCallback (node_modules/@testing-library/dom/dist/wait-for.js:124:77) at checkRealTimersCallback (node_modules/@testing-library/dom/dist/wait-for.js:118:16) at Timeout.task [as _onTimeout] (node_modules/jsdom/lib/jsdom/browser/Window.js:520:19)