Migrate to React 18 createRoot API #325
Annotations
10 errors
|
Run tests:
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_Dialog_Container"
/>
<div
id="mx_Dialog_StaticContainer"
/>
<div
id="mx_Dialog_Container"
/>
<div
id="mx_Dialog_StaticContainer"
/>
<div
id="mx_Dialog_Container"
/>
<div
id="mx_Dialog_StaticContainer"
/>
<div
id="mx_Dialog_Container"
/>
<div
id="mx_Dialog_StaticContainer"
/>
<div
id="mx_Dialog_Container"
/>
<div
id="mx_Dialog_StaticContainer"
/>
<div
id="mx_Dialog_Container"
/>
<div
id="mx_Dialog_StaticContainer"
/>
<div
id="mx_Dialog_Container"
/>
<div
id="mx_Dialog_StaticContainer"
/>
<div
id="mx_ContextualMenu_Container"
/>
<div
id="mx_Dialog_Container"
/>
<div
id="mx_Dialog_StaticContainer"
/>
<div
id="mx_Dialog_Container"
/>
<div
id="mx_Dialog_StaticContainer"
/>
<div
id="mx_Dialog_StaticContainer"
/>
<div
id="mx_Dialog_Container"
/>
<div
id="mx_Dialog_StaticContainer"
/>
<div
id="mx_Dialog_StaticContainer"
/>
<div
id="mx_Dialog_Container"
/>
<div
id="mx_Dialog_StaticContainer"
/>
<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
|
|
Run tests:
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)
|
|
Run tests:
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)
|
|
Run tests:
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)
|
|
Run tests:
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)
|
|
Run tests:
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)
|
|
Run tests:
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)
|
|
Run tests:
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
|
|
Run tests:
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
|
|
Run tests:
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
|
Loading