Rm/1995 invite dialog #226
Annotations
10 errors
|
Run tests:
test/components/views/settings/notifications/Notifications2-test.tsx#L107
expect(received).toMatchSnapshot()
Snapshot name: `<Notifications /> matches the snapshot 1`
- Snapshot - 1
+ Received + 1
@@ -461,11 +461,11 @@
class="mx_SettingsSubsection_text"
>
<span>
Show a badge
<div
- class="mx_NotificationBadge mx_NotificationBadge_visible mx_NotificationBadge_level_notification mx_NotificationBadge_2char cpd-theme-light"
+ class="mx_NotificationBadge mx_NotificationBadge_visible mx_NotificationBadge_green mx_NotificationBadge_level_notification mx_NotificationBadge_2char cpd-theme-light"
>
<span
class="mx_NotificationBadge_count"
>
1
at Object.toMatchSnapshot (test/components/views/settings/notifications/Notifications2-test.tsx:107:34)
|
|
Run tests:
test/components/views/settings/notifications/Notifications2-test.tsx#L121
expect(received).toMatchSnapshot()
Snapshot name: `<Notifications /> correctly handles the loading/disabled state 1`
- Snapshot - 1
+ Received + 1
@@ -470,11 +470,11 @@
class="mx_SettingsSubsection_text"
>
<span>
Show a badge
<div
- class="mx_NotificationBadge mx_NotificationBadge_visible mx_NotificationBadge_level_notification mx_NotificationBadge_2char cpd-theme-light"
+ class="mx_NotificationBadge mx_NotificationBadge_visible mx_NotificationBadge_green mx_NotificationBadge_level_notification mx_NotificationBadge_2char cpd-theme-light"
>
<span
class="mx_NotificationBadge_count"
>
1
at toMatchSnapshot (test/components/views/settings/notifications/Notifications2-test.tsx:121:38)
|
|
Run tests:
test/components/views/elements/AppTile-test.tsx#L330
expect(received).toMatchSnapshot()
Snapshot name: `AppTile preserves non-persisted widget on container move 1`
- Snapshot - 1
+ Received + 1
@@ -2,11 +2,11 @@
<div
class="mx_AppsDrawer"
>
<div
class="mx_AppsDrawer_resizer"
- style="position: relative; user-select: auto; width: auto; height: 280px; max-height: 576px; min-height: 100px; box-sizing: border-box; flex-shrink: 0;"
+ style="position: relative; user-select: auto; width: auto; height: 380px; max-height: 576px; min-height: 100px; box-sizing: border-box; flex-shrink: 0;"
>
<div
class="mx_AppsContainer"
>
<div
at Object.toMatchSnapshot (test/components/views/elements/AppTile-test.tsx:330:30)
|
|
Run tests:
src/components/views/dialogs/InviteDialog.tsx#L1166
TypeError: Cannot read properties of undefined (reading 'find')
at find (src/components/views/dialogs/InviteDialog.tsx:1166:31)
at src/components/views/dialogs/InviteDialog.tsx:1161:9
|
|
Run tests:
test/components/views/dialogs/InviteDialog-test.tsx#L292
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>
<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_InviteDialog_other 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"
>
Invite to !111111111111111111:example.org
</h1>
</div>
<div
aria-label="Close dialog"
class="mx_AccessibleButton mx_Dialog_cancelButton"
role="button"
tabindex="0"
/>
<div
class="mx_InviteDialog_content"
>
<p
class="mx_InviteDialog_helpText"
>
<span>
Invite someone using their name, email address, username (like
<a
class="mx_InviteDialog_helpText_userId"
href="https://matrix.to/#/@bob:example.org"
rel="noreferrer noopener"
target="_blank"
>
@bob:example.org
</a>
) or
<a
href="https://matrix.to/#/!111111111111111111:example.org?via=example.org"
rel="noreferrer noopener"
target="_blank"
>
share this room
</a>
.
</span>
</p>
<div
class="mx_InviteDialog_addressBar"
>
<div
class="mx_InviteDialog_editor"
>
<input
autocomplete="off"
data-testid="invite-dialog-input"
type="text"
value="@bob:example.org [email protected]"
/>
</div>
<div
class="mx_InviteDialog_buttonAndSpinner"
>
<div
aria-disabled="true"
class="mx_AccessibleButton mx_InviteDialog_goButton mx_AccessibleButton_hasKind mx_AccessibleButton_kind_primary mx_AccessibleButton_disabled"
disabled=""
role="button"
tabindex="0"
>
Invite
</div>
</div>
</div>
<span />
<div
class="error"
/>
<div
class="mx_InviteDialog_userSections"
/>
</div>
</div>
<div
data-focus-guard="true"
style="width: 1px; height: 0px; padding: 0px; overflow: hidden; position: fixed; top: 1px; left: 1px;"
tabindex="0"
/>
</div>
</body>
at waitForWrapper (node_modules/@testing-library/react/node_modules/@testing-library/dom/dist/wait-for.js:166:27)
at node_modules/@testing-library/react/node_modules/@testing-library/dom/dist/query-helpers.js:86:33
at Object.findByText (test/components/views/dialogs/InviteDialog-test.tsx:292:22)
|
|
Run tests:
src/components/views/dialogs/InviteDialog.tsx#L1166
TypeError: Cannot read properties of undefined (reading 'find')
at find (src/components/views/dialogs/InviteDialog.tsx:1166:31)
at src/components/views/dialogs/InviteDialog.tsx:1161:9
|
|
Run tests:
test/components/views/dialogs/InviteDialog-test.tsx#L75
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>
<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_InviteDialog_other 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"
>
Invite to !111111111111111111:example.org
</h1>
</div>
<div
aria-label="Close dialog"
class="mx_AccessibleButton mx_Dialog_cancelButton"
role="button"
tabindex="0"
/>
<div
class="mx_InviteDialog_content"
>
<p
class="mx_InviteDialog_helpText"
>
<span>
Invite someone using their name, email address, username (like
<a
class="mx_InviteDialog_helpText_userId"
href="https://matrix.to/#/@bob:example.org"
rel="noreferrer noopener"
target="_blank"
>
@bob:example.org
</a>
) or
<a
href="https://matrix.to/#/!111111111111111111:example.org?via=example.org"
rel="noreferrer noopener"
target="_blank"
>
share this room
</a>
.
</span>
</p>
<div
class="mx_InviteDialog_addressBar"
>
<div
class="mx_InviteDialog_editor"
>
<input
autocomplete="off"
data-testid="invite-dialog-input"
type="text"
value="[email protected]"
/>
</div>
<div
class="mx_InviteDialog_buttonAndSpinner"
>
<div
aria-disabled="true"
class="mx_AccessibleButton mx_InviteDialog_goButton mx_AccessibleButton_hasKind mx_AccessibleButton_kind_primary mx_AccessibleButton_disabled"
disabled=""
role="button"
tabindex="0"
>
Invite
</div>
</div>
</div>
<span />
<div
class="error"
/>
<div
class="mx_InviteDialog_userSections"
/>
</div>
</div>
<div
data-focus-guard="true"
style="width: 1px; height: 0px; padding: 0px; overflow: hidden; position: fixed; top: 1px; left: 1px;"
tabindex="0"
/>
</div>
</body>
at Object.getElementError (node_modules/@testing-library/react/node_modules/@testing-library/dom/dist/config.js:37:19)
at node_modules/@testing-library/react/node_modules/@testing-library/dom/dist/query-helpers.js:76:38
at node_modules/@testing-library/react/node_modules/@testing-library/dom/dist/query-helpers.js:52:17
at node_modules/@testing-library/react/node_modules/@testing-library/dom/dist/query-helpers.js:95:19
at getByText (test/components/views/dialogs/InviteDialog-test.tsx:75:19)
at Object.expectPill (test/components/views/dialogs/InviteDialog-test.tsx:313:9)
|
|
Run tests:
test/components/views/dialogs/InviteDialog-test.tsx#L344
TestingLibraryElementError: Unable to find an element with the text: Invites by email can only be sent one at a time. 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
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_InviteDialog_other mx_InviteDialog_hasFooter 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"
>
Direct Messages
</h1>
</div>
<div
aria-label="Close dialog"
class="mx_AccessibleButton mx_Dialog_cancelButton"
role="button"
tabindex="0"
/>
<div
class="mx_InviteDialog_content"
>
<p
class="mx_InviteDialog_helpText"
>
<span>
Start a conversation with someone using their name, email address or username (like
<a
href="https://matrix.to/#/@bob:example.org"
rel="noreferrer noopener"
target="_blank"
>
@bob:example.org
</a>
).
</span>
</p>
<div
class="mx_InviteDialog_addressBar"
>
<div
class="mx_InviteDialog_editor"
>
<span
class="mx_InviteDialog_userTile"
>
<span
class="mx_InviteDialog_userTile_pill"
>
<span
class="mx_InviteDialog_userTile_name"
>
[email protected]
</span>
</span>
<div
class="mx_AccessibleButton mx_InviteDialog_userTile_remove"
role="button"
tabindex="0"
>
<svg
height="8"
viewBox="26 25 6 6"
width="8"
xmlns="http://www.w3.org/2000/svg"
>
<defs>
<filter
filterUnits="objectBoundingBox"
height="115.8%"
id="a"
width="111.8%"
x="-5.9%"
y="-7.9%"
>
<feoffset
dy="2"
in="SourceAlpha"
result="shadowOffsetOuter1"
/>
<fegaussianblur
in="shadowOffsetOuter1"
result="shadowBlurOuter1"
stdDeviation="16"
/>
<fecolormatrix
in="shadowBlurOuter1"
result="shadowMatrixOuter1"
values="0 0 0 0 0 0 0 0 0 0.473684211 0 0 0 0 1 0 0 0 0.241258741 0"
/>
<femerge>
<femergenode
in="shadowMatrixOuter1"
/>
<femergenode
in="SourceGraphic"
/>
</femerge>
</filter>
</defs>
<g
filter="url(#a)"
stroke="#61708B"
transform="translate(-406 -215)"
>
<path
d="M438 240l-6 6M432 240l6 6"
/>
</g>
</svg>
</div>
</span>
<input
autocomplete="off"
|
|
Run tests:
test/components/views/dialogs/InviteDialog-test.tsx#L369
TestingLibraryElementError: Unable to find an element with the text: Invites by email can only be sent one at a time. 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
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_InviteDialog_other mx_InviteDialog_hasFooter 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"
>
Direct Messages
</h1>
</div>
<div
aria-label="Close dialog"
class="mx_AccessibleButton mx_Dialog_cancelButton"
role="button"
tabindex="0"
/>
<div
class="mx_InviteDialog_content"
>
<p
class="mx_InviteDialog_helpText"
>
<span>
Start a conversation with someone using their name, email address or username (like
<a
href="https://matrix.to/#/@bob:example.org"
rel="noreferrer noopener"
target="_blank"
>
@bob:example.org
</a>
).
</span>
</p>
<div
class="mx_InviteDialog_addressBar"
>
<div
class="mx_InviteDialog_editor"
>
<span
class="mx_InviteDialog_userTile"
>
<span
class="mx_InviteDialog_userTile_pill"
>
<span
class="mx_InviteDialog_userTile_name"
>
[email protected]
</span>
</span>
<div
class="mx_AccessibleButton mx_InviteDialog_userTile_remove"
role="button"
tabindex="0"
>
<svg
height="8"
viewBox="26 25 6 6"
width="8"
xmlns="http://www.w3.org/2000/svg"
>
<defs>
<filter
filterUnits="objectBoundingBox"
height="115.8%"
id="a"
width="111.8%"
x="-5.9%"
y="-7.9%"
>
<feoffset
dy="2"
in="SourceAlpha"
result="shadowOffsetOuter1"
/>
<fegaussianblur
in="shadowOffsetOuter1"
result="shadowBlurOuter1"
stdDeviation="16"
/>
<fecolormatrix
in="shadowBlurOuter1"
result="shadowMatrixOuter1"
values="0 0 0 0 0 0 0 0 0 0.473684211 0 0 0 0 1 0 0 0 0.241258741 0"
/>
<femerge>
<femergenode
in="shadowMatrixOuter1"
/>
<femergenode
in="SourceGraphic"
/>
</femerge>
</filter>
</defs>
<g
filter="url(#a)"
stroke="#61708B"
transform="translate(-406 -215)"
>
<path
d="M438 240l-6 6M432 240l6 6"
/>
</g>
</svg>
</div>
</span>
<input
autocomplete="off"
|
|
Run tests:
src/components/views/dialogs/InviteDialog.tsx#L1166
TypeError: Cannot read properties of undefined (reading 'find')
at find (src/components/views/dialogs/InviteDialog.tsx:1166:31)
at src/components/views/dialogs/InviteDialog.tsx:1161:9
|
Loading