imterah/element-portable
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

OIDC: unit test ServerPickerDialog (#11019)

Browse source 
* add aria-label to default homeserver checkbox

* test ServerPickerDialog

* remove debug

* strict fixes

* use testid instead of aria-label

* i18n
This commit is contained in:
Kerry 2023-06-01 09:22:47 +12:00 • committed by GitHub
parent e9a8f4a11d
commit a28f44a075
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
3 changed files with 384 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

142
test/components/views/dialogs/__snapshots__/ServerPickerDialog-test.tsx.snap Normal file
View file

@ -0,0 +1,142 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`<ServerPickerDialog /> should render dialog 1`] = `
<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-describedby="mx_ServerPickerDialog"
aria-labelledby="mx_BaseDialog_title"
class="mx_ServerPickerDialog"
data-focus-lock-disabled="false"
role="dialog"
>
<div
class="mx_Dialog_header mx_Dialog_headerWithCancel"
>
<h2
class="mx_Heading_h2 mx_Dialog_title"
id="mx_BaseDialog_title"
>
Sign into your homeserver
</h2>
<div
aria-label="Close dialog"
class="mx_AccessibleButton mx_Dialog_cancelButton"
role="button"
tabindex="0"
/>
</div>
<form
class="mx_Dialog_content"
id="mx_ServerPickerDialog"
>
<p>
We call the places where you can host your account 'homeservers'.
Matrix.org is the biggest public homeserver in the world, so it's a good place for many.
</p>
<label
class="mx_StyledRadioButton mx_StyledRadioButton_enabled"
>
<input
checked=""
data-testid="defaultHomeserver"
name="defaultChosen"
type="radio"
value="true"
/>
<div>
<div />
</div>
<div
class="mx_StyledRadioButton_content"
>
<div
aria-describedby="mx_TooltipTarget_abdefghi"
class="mx_TextWithTooltip_target mx_Login_underlinedServerName"
tabindex="0"
>
matrix.org
</div>
</div>
<div
class="mx_StyledRadioButton_spacer"
/>
</label>
<div
class="mx_StyledRadioButton mx_ServerPickerDialog_otherHomeserverRadio mx_StyledRadioButton_enabled mx_StyledRadioButton_checked"
>
<label
class="mx_StyledRadioButton_innerLabel"
>
<input
aria-label="Other homeserver"
name="defaultChosen"
type="radio"
value="false"
/>
<div>
<div />
</div>
</label>
<div
class="mx_StyledRadioButton_content"
>
<div
class="mx_Field mx_Field_input mx_ServerPickerDialog_otherHomeserver"
>
<input
id="mx_homeserverInput"
label="Other homeserver"
placeholder="Other homeserver"
type="text"
value=""
/>
<label
for="mx_homeserverInput"
>
Other homeserver
</label>
</div>
</div>
<div
class="mx_StyledRadioButton_spacer"
/>
</div>
<p>
Use your preferred Matrix homeserver if you have one, or host your own.
</p>
<div
class="mx_AccessibleButton mx_ServerPickerDialog_continue mx_AccessibleButton_hasKind mx_AccessibleButton_kind_primary"
role="button"
tabindex="0"
>
Continue
</div>
<h2>
Learn more
</h2>
<a
class="mx_ExternalLink"
href="https://matrix.org/faq/#what-is-a-homeserver%3F"
rel="noreferrer noopener"
target="_blank"
>
About homeservers
<i
class="mx_ExternalLink_icon"
/>
</a>
</form>
</div>
<div
data-focus-guard="true"
style="width: 1px; height: 0px; padding: 0px; overflow: hidden; position: fixed; top: 1px; left: 1px;"
tabindex="0"
/>
</div>
`;