Remove Customisations in "InviteDialog" #299
Annotations
7 errors
|
Run tests:
test/components/views/dialogs/InviteDialog-test.tsx#L259
expect(received).toBe(expected) // Object.is equality
Expected: 0
Received: 1
at Object.toBe (test/components/views/dialogs/InviteDialog-test.tsx:259:65)
|
|
Run tests:
test/components/views/dialogs/InviteDialog-test.tsx#L376
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_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"
>
Start a conversation with someone using their name, or invite by using their email address.
</p>
<div
class="mx_InviteDialog_addressBar"
>
<div
class="mx_InviteDialog_editor"
>
<span
class="mx_InviteDialog_userTile"
>
<span
class="mx_InviteDialog_userTile_pill"
>
<span
class="_avatar_mcap2_17 mx_BaseAvatar mx_SearchResultAvatar _avatar-imageless_mcap2_61"
data-color="4"
data-testid="avatar-img"
data-type="round"
role="presentation"
style="--cpd-avatar-size: 20px;"
>
b
</span>
<span
class="mx_InviteDialog_userTile_name"
>
@bob:example.org
</span>
</span>
<div
class="mx_AccessibleButton mx_InviteDialog_userTile_remove"
role="button"
tabindex="0"
>
<img
alt="Remove"
height="8"
src="image-file-stub"
width="8"
/>
</div>
</span>
<input
autocomplete="off"
data-testid="invite-dialog-input"
type="text"
value="[email protected]"
/>
</div>
<div
class="mx_InviteDialog_buttonAndSpinner"
>
<div
class="mx_AccessibleButton mx_InviteDialog_goButton mx_AccessibleButton_hasKind mx_AccessibleButton_kind_primary"
role="button"
tabindex="0"
>
Go
</div>
</div>
</div>
<span />
<div
class="error"
/>
<div
class="mx_InviteDialog_oneThreepid"
>
Invites by email can only be sent one at a time
</div>
<div
class="mx_InviteDialog_footer"
>
<h3>
Or send invite link
</h3>
<div
class="mx_CopyableText mx_CopyableText_border"
>
<a
class="mx_InviteDialog_footer_link"
href="https://matrix.to/#/@bob:example.org"
>
https://matrix.to/#/@bob:example.org
</a>
<div
aria-label="Copy"
class="mx_AccessibleButton mx_CopyableText_copyButton"
role="button"
tabindex="0"
/>
</div>
</div>
</div>
</div>
<div
data-focus-guard="true"
style="width: 1px; height: 0px; padding: 0px; overflow: hidden; position: fixed; top: 1px; left: 1px;"
ta
|
|
Run tests:
test/components/views/dialogs/InviteDialog-test.tsx#L391
Unable to find an element with the text: @bob:example.org. 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"
>
Start a conversation with someone using their name, or invite by using their email address.
</p>
<div
class="mx_InviteDialog_addressBar"
>
<div
class="mx_InviteDialog_editor"
>
<input
autocomplete="off"
data-testid="invite-dialog-input"
type="text"
value="bobbob"
/>
</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"
>
Go
</div>
</div>
</div>
<span />
<div
class="error"
/>
<div
class="mx_InviteDialog_userSections"
>
<div
class="mx_InviteDialog_section"
>
<h3>
Recent Conversations
</h3>
<p>
No results
</p>
</div>
<div
class="mx_InviteDialog_section_hidden_suggestions_disclaimer"
>
<span>
Some suggestions may be hidden for privacy.
</span>
<p>
If you can't see who you're looking for, send them your invite link below.
</p>
</div>
</div>
<div
class="mx_InviteDialog_footer"
>
<h3>
Or send invite link
</h3>
<div
class="mx_CopyableText mx_CopyableText_border"
>
<a
class="mx_InviteDialog_footer_link"
href="https://matrix.to/#/@bob:example.org"
>
https://matrix.to/#/@bob:example.org
</a>
<div
aria-label="Copy"
class="mx_AccessibleButton mx_CopyableText_copyButton"
role="button"
tabindex="0"
/>
</div>
</div>
</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.findAllByText (test/components/views/dialogs/InviteDialog-test.tsx:391:22)
|
|
Run tests:
test/components/views/dialogs/InviteDialog-test.tsx#L78
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_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"
>
Start a conversation with someone using their name, or invite by using their email address.
</p>
<div
class="mx_InviteDialog_addressBar"
>
<div
class="mx_InviteDialog_editor"
>
<span
class="mx_InviteDialog_userTile"
>
<span
class="mx_InviteDialog_userTile_pill"
>
<img
alt=""
class="mx_SearchResultAvatar mx_SearchResultAvatar_threepidAvatar"
height="20px"
src="image-file-stub"
width="20px"
/>
<span
class="mx_InviteDialog_userTile_name"
>
[email protected]
</span>
</span>
<div
class="mx_AccessibleButton mx_InviteDialog_userTile_remove"
role="button"
tabindex="0"
>
<img
alt="Remove"
height="8"
src="image-file-stub"
width="8"
/>
</div>
</span>
<input
autocomplete="off"
data-testid="invite-dialog-input"
type="text"
value="[email protected]"
/>
</div>
<div
class="mx_InviteDialog_buttonAndSpinner"
>
<div
class="mx_AccessibleButton mx_InviteDialog_goButton mx_AccessibleButton_hasKind mx_AccessibleButton_kind_primary"
role="button"
tabindex="0"
>
Go
</div>
</div>
</div>
<span />
<div
class="error"
/>
<div
class="mx_InviteDialog_oneThreepid"
>
Invites by email can only be sent one at a time
</div>
<div
class="mx_InviteDialog_footer"
>
<h3>
Or send invite link
</h3>
<div
class="mx_CopyableText mx_CopyableText_border"
>
<a
class="mx_InviteDialog_footer_link"
href="https://matrix.to/#/@bob:example.org"
>
https://matrix.to/#/@bob:example.org
</a>
<div
aria-label="Copy"
class="mx_AccessibleButton mx_CopyableText_copyButton"
role="button"
tabindex="0"
/>
</div>
</div>
</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/nod
|
|
Run tests:
test/components/views/dialogs/InviteDialog-test.tsx#L490
expect(received).resolves.toHaveLength()
Received promise rejected instead of resolved
Rejected to value: [TestingLibraryElementError: Unable to find an element with the text: @bob:example.org, which matches selector 'a'. 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"
>
Start a conversation with someone using their name, or invite by using their email address.
</p>
<div
class="mx_InviteDialog_addressBar"
>
<div
class="mx_InviteDialog_editor"
>
<span
class="mx_InviteDialog_userTile"
>
<span
class="mx_InviteDialog_userTile_pill"
>
<span
class="_avatar_mcap2_17 mx_BaseAvatar mx_SearchResultAvatar _avatar-imageless_mcap2_61"
data-color="4"
data-testid="avatar-img"
data-type="round"
role="presentation"
style="--cpd-avatar-size: 20px;"
>
b
</span>
<span
class="mx_InviteDialog_userTile_name"
>
@bob:example.org
</span>
</span>
<div
class="mx_AccessibleButton mx_InviteDialog_userTile_remove"
role="button"
tabindex="0"
>
<img
alt="Remove"
height="8"
src="image-file-stub"
width="8"
/>
</div>
</span>
<input
autocomplete="off"
data-testid="invite-dialog-input"
type="text"
value=""
/>
</div>
<div
class="mx_InviteDialog_buttonAndSpinner"
>
<div
class="mx_AccessibleButton mx_InviteDialog_goButton mx_AccessibleButton_hasKind mx_AccessibleButton_kind_primary"
role="button"
tabindex="0"
>
Go
</div>
</div>
</div>
<span />
<div
class="error"
/>
<div
class="mx_InviteDialog_userSections"
>
<div
class="mx_InviteDialog_section"
>
<h3>
Recent Conversations
</h3>
<div
class="mx_AccessibleButton mx_InviteDialog_tile mx_InviteDialog_tile--room"
role="button"
tabindex="0"
>
<span
class="mx_InviteDialog_tile_avatarStack"
>
<span
class="_avatar_mcap2_17 mx_BaseAvatar _avatar-imageless_mcap2_61"
data-color="3"
data-testid="avatar-img"
data-type="round"
role="presentation"
style="--cpd-avatar-size: 36px;"
>
|
|
Run tests:
test/components/views/dialogs/InviteDialog-test.tsx#L636
expect(received).toBeNull()
Received: <h3>Or send invite link</h3>
at Object.toBeNull (test/components/views/dialogs/InviteDialog-test.tsx:636:59)
|
|
Run tests
Process completed with exit code 1.
|
Loading