Migrate to React 18 createRoot API #325
Annotations
10 errors
Run tests:
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)
|
Run tests:
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
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
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"
|
Run tests:
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)
|
Run tests:
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)
|
Run tests:
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)
|
Run tests:
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)
|
Run tests:
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)
|
Run tests:
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)
|
Run tests:
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)
|
Run tests:
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)
|
Loading