mirror of
https://github.com/element-hq/element-web.git
synced 2024-12-22 05:04:33 +03:00
4751c52d82
* Refactor the various email/phone management UI into a single component These were basically the same component copied & pasted 3 times and tweaked to match the behaviour of each case. This de-dupes them into one component. This all could really benefit from playwright tests, but would require setting up a dummy ID server in the playwright tests. This is all legacy pre-MAS stuff so its questionable whether its worth the effort. * Basic test, remove old tests * Use different text to confirm remove & put headers back although the two texts are both 'Remove' in practice * Remove string This was never triggered anyway with sydent & synapse because they don't seem to agree on what error to return. In any case, I think it makes more sense for it to be consistent with the email path, ie. using a dialog. * Avoid nested forms * Snapshots * More snapshots * Test the hs side * Snapshots * Test IS bind/revoke * Test remove can be cancelled * Test unvalidated cases & fix phone error * Reset state between tests * Import useState directly * One more direct React import
172 lines
3.6 KiB
Text
172 lines
3.6 KiB
Text
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
|
|
|
exports[`AddRemoveThreepids should handle no email addresses 1`] = `
|
|
<div>
|
|
<form
|
|
autocomplete="off"
|
|
novalidate=""
|
|
>
|
|
<div
|
|
class="mx_Field mx_Field_input"
|
|
>
|
|
<input
|
|
autocomplete="email"
|
|
id="mx_Field_3"
|
|
label="Email Address"
|
|
placeholder="Email Address"
|
|
type="text"
|
|
value=""
|
|
/>
|
|
<label
|
|
for="mx_Field_3"
|
|
>
|
|
Email Address
|
|
</label>
|
|
</div>
|
|
<div
|
|
class="mx_AccessibleButton mx_AccessibleButton_hasKind mx_AccessibleButton_kind_primary"
|
|
role="button"
|
|
tabindex="0"
|
|
>
|
|
Add
|
|
</div>
|
|
</form>
|
|
</div>
|
|
`;
|
|
|
|
exports[`AddRemoveThreepids should render email addresses 1`] = `
|
|
<div>
|
|
<div
|
|
class="mx_AddRemoveThreepids_existing"
|
|
>
|
|
<span
|
|
class="mx_AddRemoveThreepids_existing_address"
|
|
>
|
|
alice@nowhere.dummy
|
|
</span>
|
|
<div
|
|
class="mx_AccessibleButton mx_AccessibleButton_hasKind mx_AccessibleButton_kind_danger_sm"
|
|
role="button"
|
|
tabindex="0"
|
|
>
|
|
Remove
|
|
</div>
|
|
</div>
|
|
<form
|
|
autocomplete="off"
|
|
novalidate=""
|
|
>
|
|
<div
|
|
class="mx_Field mx_Field_input"
|
|
>
|
|
<input
|
|
autocomplete="email"
|
|
id="mx_Field_1"
|
|
label="Email Address"
|
|
placeholder="Email Address"
|
|
type="text"
|
|
value=""
|
|
/>
|
|
<label
|
|
for="mx_Field_1"
|
|
>
|
|
Email Address
|
|
</label>
|
|
</div>
|
|
<div
|
|
class="mx_AccessibleButton mx_AccessibleButton_hasKind mx_AccessibleButton_kind_primary"
|
|
role="button"
|
|
tabindex="0"
|
|
>
|
|
Add
|
|
</div>
|
|
</form>
|
|
</div>
|
|
`;
|
|
|
|
exports[`AddRemoveThreepids should render phone numbers 1`] = `
|
|
<div>
|
|
<div
|
|
class="mx_AddRemoveThreepids_existing"
|
|
>
|
|
<span
|
|
class="mx_AddRemoveThreepids_existing_address"
|
|
>
|
|
447700900000
|
|
</span>
|
|
<div
|
|
class="mx_AccessibleButton mx_AccessibleButton_hasKind mx_AccessibleButton_kind_danger_sm"
|
|
role="button"
|
|
tabindex="0"
|
|
>
|
|
Remove
|
|
</div>
|
|
</div>
|
|
<form
|
|
autocomplete="off"
|
|
novalidate=""
|
|
>
|
|
<div
|
|
class="mx_Field mx_Field_input mx_Field_labelAlwaysTopLeft"
|
|
>
|
|
<span
|
|
class="mx_Field_prefix"
|
|
>
|
|
<div
|
|
class="mx_Dropdown mx_PhoneNumbers_country mx_CountryDropdown"
|
|
>
|
|
<div
|
|
aria-describedby="mx_CountryDropdown_value"
|
|
aria-expanded="false"
|
|
aria-haspopup="listbox"
|
|
aria-label="Country Dropdown"
|
|
aria-owns="mx_CountryDropdown_input"
|
|
class="mx_AccessibleButton mx_Dropdown_input mx_no_textinput"
|
|
role="button"
|
|
tabindex="0"
|
|
>
|
|
<div
|
|
class="mx_Dropdown_option"
|
|
id="mx_CountryDropdown_value"
|
|
>
|
|
<span
|
|
class="mx_CountryDropdown_shortOption"
|
|
>
|
|
<div
|
|
class="mx_Dropdown_option_emoji"
|
|
>
|
|
🇺🇸
|
|
</div>
|
|
+1
|
|
</span>
|
|
</div>
|
|
<span
|
|
class="mx_Dropdown_arrow"
|
|
/>
|
|
</div>
|
|
</div>
|
|
</span>
|
|
<input
|
|
autocomplete="tel-national"
|
|
id="mx_Field_2"
|
|
label="Phone Number"
|
|
placeholder="Phone Number"
|
|
type="text"
|
|
value=""
|
|
/>
|
|
<label
|
|
for="mx_Field_2"
|
|
>
|
|
Phone Number
|
|
</label>
|
|
</div>
|
|
<div
|
|
class="mx_AccessibleButton mx_AccessibleButton_hasKind mx_AccessibleButton_kind_primary"
|
|
role="button"
|
|
tabindex="0"
|
|
>
|
|
Add
|
|
</div>
|
|
</form>
|
|
</div>
|
|
`;
|