Migrate to React 18 createRoot API #328
Annotations
21 errors
<UserInfo /> › with crypto enabled › should render a deactivate button for users of the same server if we are a server admin:
test/unit-tests/components/views/right_panel/UserInfo-test.tsx#L657
expect(received).toMatchSnapshot()
Snapshot name: `<UserInfo /> with crypto enabled should render a deactivate button for users of the same server if we are a server admin 1`
- Snapshot - 7
+ Received + 18
@@ -117,20 +117,20 @@
</h2>
<p>
Messages in this room are not end-to-end encrypted.
</p>
<div
- class="mx_UserInfo_container_verifyButton"
+ class="mx_Spinner"
>
<div
- class="mx_AccessibleButton mx_UserInfo_field mx_UserInfo_verifyButton mx_AccessibleButton_hasKind mx_AccessibleButton_kind_link"
- role="button"
- tabindex="0"
- >
- Verify
+ aria-label="Loading…"
+ class="mx_Spinner_icon"
+ data-testid="spinner"
+ role="progressbar"
+ style="width: 32px; height: 32px;"
+ />
</div>
- </div>
<div
class="mx_UserInfo_devices"
>
<div />
<div>
@@ -344,9 +344,20 @@
<path
d="M8.7 17.3a.948.948 0 0 1-.275-.7.95.95 0 0 1 .275-.7l3.9-3.9-3.9-3.9a.948.948 0 0 1-.275-.7.95.95 0 0 1 .275-.7.948.948 0 0 1 .7-.275.95.95 0 0 1 .7.275l4.6 4.6c.1.1.17.208.213.325.041.117.062.242.062.375s-.02.258-.063.375a.877.877 0 0 1-.212.325l-4.6 4.6a.948.948 0 0 1-.7.275.948.948 0 0 1-.7-.275Z"
/>
</svg>
</button>
+ </div>
+ <div
+ class="mx_Spinner"
+ >
+ <div
+ aria-label="Loading…"
+ class="mx_Spinner_icon"
+ data-testid="spinner"
+ role="progressbar"
+ style="width: 32px; height: 32px;"
+ />
</div>
</div>
</div>
</div>
at Object.toMatchSnapshot (test/unit-tests/components/views/right_panel/UserInfo-test.tsx:657:31)
|
MessageComposer › wysiwyg correctly persists state to and from localStorage:
test/unit-tests/components/views/rooms/MessageComposer-test.tsx#L460
expect(element).toHaveTextContent()
Expected element to have text content:
Test Text
Received:
Hello
Ignored nodes: comments, script, style
<html>
<head />
<body>
<div
id="mx_ContextualMenu_Container"
/>
<div
id="mx_Dialog_StaticContainer"
/>
<div
id="mx_Dialog_Container"
/>
<div>
<div
aria-label="Message composer"
class="mx_MessageComposer"
role="region"
>
<div
class="mx_MessageComposer_wrapper"
>
<div
class="mx_MessageComposer_row"
>
<div
class="mx_SendMessageComposer"
>
<div
class="mx_BasicMessageComposer"
>
<div
aria-label="Formatting"
class="mx_MessageComposerFormatBar"
role="toolbar"
>
<button
aria-label="Bold"
class="mx_AccessibleButton mx_MessageComposerFormatBar_button mx_MessageComposerFormatBar_buttonIconBold"
role="button"
tabindex="0"
type="button"
/>
<button
aria-label="Italics"
class="mx_AccessibleButton mx_MessageComposerFormatBar_button mx_MessageComposerFormatBar_buttonIconItalic"
role="button"
tabindex="-1"
type="button"
/>
<button
aria-label="Strikethrough"
class="mx_AccessibleButton mx_MessageComposerFormatBar_button mx_MessageComposerFormatBar_buttonIconStrikethrough"
role="button"
tabindex="-1"
type="button"
/>
<button
aria-label="Code block"
class="mx_AccessibleButton mx_MessageComposerFormatBar_button mx_MessageComposerFormatBar_buttonIconCode"
role="button"
tabindex="-1"
type="button"
/>
<button
aria-label="Quote"
class="mx_AccessibleButton mx_MessageComposerFormatBar_button mx_MessageComposerFormatBar_buttonIconQuote"
role="button"
tabindex="-1"
type="button"
/>
<button
aria-label="Insert link"
class="mx_AccessibleButton mx_MessageComposerFormatBar_button mx_MessageComposerFormatBar_buttonIconInsertLink"
role="button"
tabindex="-1"
type="button"
/>
</div>
<div
aria-autocomplete="list"
aria-disabled="false"
aria-haspopup="listbox"
aria-label="Send a message…"
aria-multiline="true"
class="mx_BasicMessageComposer_input mx_BasicMessageComposer_input_shouldShowPillAvatar"
contenteditable="true"
data-testid="basicmessagecomposer"
dir="auto"
role="textbox"
tabindex="0"
translate="no"
>
<div>
Hello
</div>
</div>
</div>
</div>
<div
class="mx_MessageComposer_actions"
>
<div
aria-label="Hide formatting"
class="mx_AccessibleButton mx_MessageComposer_button mx_MessageComposer_rich_text"
role="button"
tabindex="0"
/>
<div
aria-label="Attachment"
class="mx_AccessibleButton mx_MessageComposer_button mx_MessageComposer_upload"
role="button"
|
AddRemoveThreepids › should handle no email addresses:
test/unit-tests/components/views/settings/AddRemoveThreepids-test.tsx#L111
expect(received).resolves.toBeVisible()
Received promise rejected instead of resolved
Rejected to value: [TestingLibraryElementError: Unable to find an element with the text: Email Address. 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
<body>
<div />
</body>·
Ignored nodes: comments, script, style
<body>
<div />
</body>]
at expect (node_modules/expect/build/index.js:113:15)
at Object.expect (test/unit-tests/components/views/settings/AddRemoveThreepids-test.tsx:111:15)
|
AddRemoveThreepids › should add an email address:
test/unit-tests/components/views/settings/AddRemoveThreepids-test.tsx#L132
Unable to find role="textbox" and name "Email Address"
Ignored nodes: comments, script, style
<body>
<div />
</body>
at waitForWrapper (node_modules/@testing-library/dom/dist/wait-for.js:163:27)
at node_modules/@testing-library/dom/dist/query-helpers.js:86:33
at Object.findByRole (test/unit-tests/components/views/settings/AddRemoveThreepids-test.tsx:132:36)
|
AddRemoveThreepids › should display an error if the link has not been clicked:
test/unit-tests/components/views/settings/AddRemoveThreepids-test.tsx#L171
Unable to find role="textbox" and name "Email Address"
Ignored nodes: comments, script, style
<body>
<div />
</body>
at waitForWrapper (node_modules/@testing-library/dom/dist/wait-for.js:163:27)
at node_modules/@testing-library/dom/dist/query-helpers.js:86:33
at Object.findByRole (test/unit-tests/components/views/settings/AddRemoveThreepids-test.tsx:171:36)
|
AddRemoveThreepids › should add a phone number:
test/unit-tests/components/views/settings/AddRemoveThreepids-test.tsx#L215
Unable to find role="button" and name `/Country Dropdown/`
Ignored nodes: comments, script, style
<body>
<div />
</body>
at waitForWrapper (node_modules/@testing-library/dom/dist/wait-for.js:163:27)
at node_modules/@testing-library/dom/dist/query-helpers.js:86:33
at Object.findByRole (test/unit-tests/components/views/settings/AddRemoveThreepids-test.tsx:215:46)
|
AddRemoveThreepids › should remove an email address:
test/unit-tests/components/views/settings/AddRemoveThreepids-test.tsx#L275
Unable to find role="button" and name `/Remove/`
Ignored nodes: comments, script, style
<body>
<div />
</body>
at waitForWrapper (node_modules/@testing-library/dom/dist/wait-for.js:163:27)
at node_modules/@testing-library/dom/dist/query-helpers.js:86:33
at Object.findByRole (test/unit-tests/components/views/settings/AddRemoveThreepids-test.tsx:275:43)
|
AddRemoveThreepids › should return to default view if adding is cancelled:
test/unit-tests/components/views/settings/AddRemoveThreepids-test.tsx#L302
Unable to find role="button" and name `/Remove/`
Ignored nodes: comments, script, style
<body>
<div />
</body>
at waitForWrapper (node_modules/@testing-library/dom/dist/wait-for.js:163:27)
at node_modules/@testing-library/dom/dist/query-helpers.js:86:33
at Object.findByRole (test/unit-tests/components/views/settings/AddRemoveThreepids-test.tsx:302:43)
|
AddRemoveThreepids › should remove a phone number:
test/unit-tests/components/views/settings/AddRemoveThreepids-test.tsx#L331
Unable to find role="button" and name `/Remove/`
Ignored nodes: comments, script, style
<body>
<div />
</body>
at waitForWrapper (node_modules/@testing-library/dom/dist/wait-for.js:163:27)
at node_modules/@testing-library/dom/dist/query-helpers.js:86:33
at Object.findByRole (test/unit-tests/components/views/settings/AddRemoveThreepids-test.tsx:331:43)
|
AddRemoveThreepids › should bind an email address:
test/unit-tests/components/views/settings/AddRemoveThreepids-test.tsx#L362
expect(received).resolves.toBeVisible()
Received promise rejected instead of resolved
Rejected to value: [TestingLibraryElementError: Unable to find an element with the text: [email protected]. 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
<body>
<div />
</body>·
Ignored nodes: comments, script, style
<body>
<div />
</body>]
at expect (node_modules/expect/build/index.js:113:15)
at Object.expect (test/unit-tests/components/views/settings/AddRemoveThreepids-test.tsx:362:15)
|
<SessionManagerTab /> › Sign out › other devices › deletes a device when interactive auth is not required:
test/unit-tests/components/views/settings/tabs/user/SessionManagerTab-test.tsx#L916
expect(element).toHaveAttribute("aria-disabled", "true") // element.getAttribute("aria-disabled") === "true"
Expected the element to have attribute:
aria-disabled="true"
Received:
null
Ignored nodes: comments, script, style
<html>
<head />
<body>
<div
id="mx_Dialog_Container"
/>
<div
id="mx_Dialog_StaticContainer"
/>
<div
id="mx_ContextualMenu_Container"
/>
<div>
<div
class="mx_SettingsTab"
>
<div
class="mx_SettingsTab_sections"
>
<div
class="mx_SettingsSection"
>
<div
class="mx_SettingsSection_subSections"
>
<div
class="mx_SettingsSubsection"
>
<div
class="mx_SettingsSubsectionHeading"
>
<h3
class="mx_Heading_h4 mx_SettingsSubsectionHeading_heading"
>
Link new device
</h3>
</div>
<div
class="mx_SettingsSubsection_content"
>
<div
class="mx_LoginWithQRSection"
>
<p
class="mx_SettingsTab_subsectionText"
>
Use a QR code to sign in to another device and set up secure messaging.
</p>
<div
aria-disabled="true"
class="mx_AccessibleButton mx_AccessibleButton_hasKind mx_AccessibleButton_kind_primary mx_AccessibleButton_disabled"
disabled=""
role="button"
tabindex="0"
>
<svg
fill="currentColor"
height="20"
viewBox="0 0 24 24"
width="20"
xmlns="http://www.w3.org/2000/svg"
>
<path
clip-rule="evenodd"
d="M3 4a1 1 0 0 1 1-1h6a1 1 0 0 1 1 1v6a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V4Zm2 5V5h4v4H5Zm-2 5a1 1 0 0 1 1-1h6a1 1 0 0 1 1 1v6a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1v-6Zm2 5v-4h4v4H5Zm9-16a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1V4a1 1 0 0 0-1-1h-6Zm1 2v4h4V5h-4Z"
fill-rule="evenodd"
/>
<path
d="M15 16v-3h-2v3h2Z"
/>
<path
d="M17 16h-2v2h-2v3h2v-3h2v2h4v-2h-2v-5h-2v3Z"
/>
</svg>
Show QR code
</div>
<p
class="_typography_yh5dq_162 _font-body-sm-regular_yh5dq_40"
>
Not supported by your account provider
</p>
</div>
</div>
</div>
<div
class="mx_SettingsSubsection"
data-testid="security-recommendations-section"
>
<div
class="mx_SettingsSubsectionHeading"
>
<h3
class="mx_Heading_h4 mx_SettingsSubsectionHeading_heading"
>
Security recommendations
</h3>
</div>
<div
class="mx_SettingsSubsection_description"
>
<div
class="mx_SettingsSubsection_text"
>
Improve your account security by following these recommendations.
</div>
</div>
<div
class="mx_SettingsSubsection_content"
>
<div
class="mx_DeviceSecurityCard"
>
|
RoomView › should show error view if failed to look up room alias:
test/unit-tests/components/structures/RoomView-test.tsx#L526
Unable to find an element with the text: Are you sure you're at the right place?. 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
<body>
<div />
</body>
at waitForWrapper (node_modules/@testing-library/dom/dist/wait-for.js:163:27)
at node_modules/@testing-library/dom/dist/query-helpers.js:86:33
at Object.findByText (test/unit-tests/components/structures/RoomView-test.tsx:526:15)
|
RoomView › knock rooms › allows to request to join:
test/unit-tests/components/structures/RoomView-test.tsx#L544
TestingLibraryElementError: Unable to find an accessible element with the role "button" and name "Request access"
There are no accessible roles. But there might be some inaccessible roles. If you wish to access them, then set the `hidden` option to `true`. Learn more about this here: https://testing-library.com/docs/dom-testing-library/api-queries#byrole
Ignored nodes: comments, script, style
<body>
<div />
</body>
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.getByRole (test/unit-tests/components/structures/RoomView-test.tsx:544:36)
|
RoomView › knock rooms › allows to cancel a join request:
test/unit-tests/components/structures/RoomView-test.tsx#L560
TestingLibraryElementError: Unable to find an accessible element with the role "button" and name "Cancel request"
There are no accessible roles. But there might be some inaccessible roles. If you wish to access them, then set the `hidden` option to `true`. Learn more about this here: https://testing-library.com/docs/dom-testing-library/api-queries#byrole
Ignored nodes: comments, script, style
<body>
<div />
</body>
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.getByRole (test/unit-tests/components/structures/RoomView-test.tsx:560:36)
|
RoomView › should close search results when edit is clicked:
test/unit-tests/components/structures/RoomView-test.tsx#L576
TypeError: Cannot read properties of null (reading 'setState')
at setState (test/unit-tests/components/structures/RoomView-test.tsx:576:34)
at node_modules/@testing-library/react/dist/act-compat.js:48:24
at act (node_modules/react/cjs/react.development.js:2512:16)
at node_modules/@testing-library/react/dist/act-compat.js:47:25
at Object.<anonymous> (test/unit-tests/components/structures/RoomView-test.tsx:575:12)
|
RoomView › should switch rooms when edit is clicked on a search result for a different room:
test/unit-tests/components/structures/RoomView-test.tsx#L639
TypeError: Cannot read properties of null (reading 'setState')
at setState (test/unit-tests/components/structures/RoomView-test.tsx:639:34)
at node_modules/@testing-library/react/dist/act-compat.js:48:24
at act (node_modules/react/cjs/react.development.js:2512:16)
at node_modules/@testing-library/react/dist/act-compat.js:47:25
at Object.<anonymous> (test/unit-tests/components/structures/RoomView-test.tsx:638:12)
|
RoomView › fires Action.RoomLoaded:
test/unit-tests/components/structures/RoomView-test.tsx#L693
expect(jest.fn()).toHaveBeenCalledWith(...expected)
Expected: {"action": "room_loaded"}
Received
1
Object {
- "action": "room_loaded",
+ "action": "view_room",
+ "metricsTrigger": undefined,
+ "room_id": "!28:example.org",
},
2
Object {
- "action": "room_loaded",
+ "action": "active_room_changed",
+ "newRoomId": "!28:example.org",
+ "oldRoomId": "!26:example.org",
},
3
Object {
- "action": "room_loaded",
+ "action": "active_room_changed",
+ "newRoomId": "!28:example.org",
+ "oldRoomId": "!26:example.org",
},
Number of calls: 30
at Object.toHaveBeenCalledWith (test/unit-tests/components/structures/RoomView-test.tsx:693:30)
|
<ForgotPassword> › when starting a password reset flow › and the server liveness check fails › should show the server error:
test/unit-tests/components/structures/auth/ForgotPassword-test.tsx#L183
expect(received).resolves.toBeInTheDocument()
Received promise rejected instead of resolved
Rejected to value: [TestingLibraryElementError: Unable to find an element with the text: server down. 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
<body>
<div>
<div
class="mx_AuthPage"
>
<div
class="mx_AuthPage_modal"
>
<div
class="mx_AuthHeader"
>
<aside
class="mx_AuthHeaderLogo"
>
Matrix
</aside>
<div
class="mx_Dropdown mx_LanguageDropdown mx_AuthBody_language"
>
<div
aria-describedby="mx_LanguageDropdown_value"
aria-expanded="false"
aria-haspopup="listbox"
aria-label="Language Dropdown"
aria-owns="mx_LanguageDropdown_input"
class="mx_AccessibleButton mx_Dropdown_input mx_no_textinput"
role="button"
tabindex="0"
>
<div
class="mx_Dropdown_option"
id="mx_LanguageDropdown_value"
>
<div>
English
</div>
</div>
<span
class="mx_Dropdown_arrow"
/>
</div>
</div>
</div>
<main
class="mx_AuthBody mx_AuthBody_forgot-password"
>
<svg
class="mx_AuthBody_icon"
fill="currentColor"
height="1em"
viewBox="0 0 24 24"
width="1em"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M4 4h16a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2Zm0 5.111a1 1 0 0 0 .514.874l7 3.89a1 1 0 0 0 .972 0l7-3.89a1 1 0 1 0-.972-1.748L12 11.856 5.486 8.237A1 1 0 0 0 4 9.111Z"
/>
</svg>
<h1>
Enter your email to reset password
</h1>
<p
class="mx_AuthBody_text"
>
<span>
<strong>
example.com
</strong>
will send you a verification link to let you reset your password.
</span>
</p>
<form>
<fieldset>
<div
class="mx_AuthBody_fieldRow"
>
<div
class="mx_Field mx_Field_input mx_Field_valid"
>
<input
id="mx_Field_7"
label="Email address"
placeholder="Email address"
type="text"
value="[email protected]"
/>
<label
for="mx_Field_7"
>
Email address
</label>
</div>
</div>
<button
class="mx_Login_submit"
type="submit"
>
Send email
</button>
<div
class="mx_AuthBody_button-container"
>
<button
class="mx_AccessibleButton mx_AuthBody_sign-in-instead-button mx_AccessibleButton_hasKind mx_AccessibleButton_kind_link"
role="button"
tabindex="0"
>
Sign in instead
</button>
</div>
</fieldset>
</form>
</main>
</div>
<footer
class="mx_AuthFooter"
role="contentinfo"
>
<a
href="https://matrix.org"
rel="noreferrer noopener"
target="_blank"
>
powered by Matrix
</a>
</footer>
</div>
</div>
</body>·
Ignored nodes: comments, script, style
<body>
<div>
<div
class="mx_AuthPa
|
<ForgotPassword> › when starting a password reset flow › and submitting an known email › should send the mail and show the check email view:
test/unit-tests/components/structures/auth/ForgotPassword-test.tsx#L202
TestingLibraryElementError: Unable to find an element with the text: Check your email to continue. 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
<body>
<div>
<div
class="mx_AuthPage"
>
<div
class="mx_AuthPage_modal"
>
<div
class="mx_AuthHeader"
>
<aside
class="mx_AuthHeaderLogo"
>
Matrix
</aside>
<div
class="mx_Dropdown mx_LanguageDropdown mx_AuthBody_language"
>
<div
aria-describedby="mx_LanguageDropdown_value"
aria-expanded="false"
aria-haspopup="listbox"
aria-label="Language Dropdown"
aria-owns="mx_LanguageDropdown_input"
class="mx_AccessibleButton mx_Dropdown_input mx_no_textinput"
role="button"
tabindex="0"
>
<div
class="mx_Dropdown_option"
id="mx_LanguageDropdown_value"
>
<div>
English
</div>
</div>
<span
class="mx_Dropdown_arrow"
/>
</div>
</div>
</div>
<main
class="mx_AuthBody mx_AuthBody_forgot-password"
>
<svg
class="mx_AuthBody_icon"
fill="currentColor"
height="1em"
viewBox="0 0 24 24"
width="1em"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M4 4h16a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2Zm0 5.111a1 1 0 0 0 .514.874l7 3.89a1 1 0 0 0 .972 0l7-3.89a1 1 0 1 0-.972-1.748L12 11.856 5.486 8.237A1 1 0 0 0 4 9.111Z"
/>
</svg>
<h1>
Enter your email to reset password
</h1>
<p
class="mx_AuthBody_text"
>
<span>
<strong>
example.com
</strong>
will send you a verification link to let you reset your password.
</span>
</p>
<form>
<fieldset>
<div
class="mx_AuthBody_fieldRow"
>
<div
class="mx_Field mx_Field_input mx_Field_valid"
>
<input
id="mx_Field_8"
label="Email address"
placeholder="Email address"
type="text"
value="[email protected]"
/>
<label
for="mx_Field_8"
>
Email address
</label>
</div>
</div>
<button
class="mx_Login_submit"
type="submit"
>
Send email
</button>
<div
class="mx_AuthBody_button-container"
>
<button
class="mx_AccessibleButton mx_AuthBody_sign-in-instead-button mx_AccessibleButton_hasKind mx_AccessibleButton_kind_link"
role="button"
tabindex="0"
>
Sign in instead
</button>
</div>
</fieldset>
</form>
</main>
</div>
<footer
class="mx_AuthFooter"
role="contentinfo"
>
<a
href="https://matrix.org"
rel="noreferrer noopener"
target="_blank"
>
powered by Matrix
</a>
</footer>
</div>
</div>
</body>
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/@test
|
<ForgotPassword> › when starting a password reset flow › and submitting an known email › and clicking »Re-enter email address« › go back to the email input:
test/unit-tests/components/structures/auth/ForgotPassword-test.tsx#L208
TestingLibraryElementError: Unable to find an element with the text: Re-enter email address. 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
<body>
<div>
<div
class="mx_AuthPage"
>
<div
class="mx_AuthPage_modal"
>
<div
class="mx_AuthHeader"
>
<aside
class="mx_AuthHeaderLogo"
>
Matrix
</aside>
<div
class="mx_Dropdown mx_LanguageDropdown mx_AuthBody_language"
>
<div
aria-describedby="mx_LanguageDropdown_value"
aria-expanded="false"
aria-haspopup="listbox"
aria-label="Language Dropdown"
aria-owns="mx_LanguageDropdown_input"
class="mx_AccessibleButton mx_Dropdown_input mx_no_textinput"
role="button"
tabindex="0"
>
<div
class="mx_Dropdown_option"
id="mx_LanguageDropdown_value"
>
<div>
English
</div>
</div>
<span
class="mx_Dropdown_arrow"
/>
</div>
</div>
</div>
<main
class="mx_AuthBody mx_AuthBody_forgot-password"
>
<svg
class="mx_AuthBody_icon"
fill="currentColor"
height="1em"
viewBox="0 0 24 24"
width="1em"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M4 4h16a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2Zm0 5.111a1 1 0 0 0 .514.874l7 3.89a1 1 0 0 0 .972 0l7-3.89a1 1 0 1 0-.972-1.748L12 11.856 5.486 8.237A1 1 0 0 0 4 9.111Z"
/>
</svg>
<h1>
Enter your email to reset password
</h1>
<p
class="mx_AuthBody_text"
>
<span>
<strong>
example.com
</strong>
will send you a verification link to let you reset your password.
</span>
</p>
<form>
<fieldset>
<div
class="mx_AuthBody_fieldRow"
>
<div
class="mx_Field mx_Field_input mx_Field_valid"
>
<input
id="mx_Field_9"
label="Email address"
placeholder="Email address"
type="text"
value="[email protected]"
/>
<label
for="mx_Field_9"
>
Email address
</label>
</div>
</div>
<button
class="mx_Login_submit"
type="submit"
>
Send email
</button>
<div
class="mx_AuthBody_button-container"
>
<button
class="mx_AccessibleButton mx_AuthBody_sign-in-instead-button mx_AccessibleButton_hasKind mx_AccessibleButton_kind_link"
role="button"
tabindex="0"
>
Sign in instead
</button>
</div>
</fieldset>
</form>
</main>
</div>
<footer
class="mx_AuthFooter"
role="contentinfo"
>
<a
href="https://matrix.org"
rel="noreferrer noopener"
target="_blank"
>
powered by Matrix
</a>
</footer>
</div>
</div>
</body>
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-li
|
jest-tests
Process completed with exit code 1.
|