mirror of
https://github.com/vector-im/element-web.git
synced 2024-11-28 19:38:48 +08:00
80c4c3c28c
* Refine styles of menus, toasts, popovers, and modals This is a reintroduction of https://github.com/matrix-org/matrix-react-sdk/pull/12247, with the difference that modal styles have now been refreshed as well. * Restore the fixed heights of some dialogs * Fix formatting and flaky screenshot
207 lines
4.0 KiB
Plaintext
207 lines
4.0 KiB
Plaintext
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
|
|
|
exports[`<ExportDialog /> renders export dialog 1`] = `
|
|
<div
|
|
aria-describedby="mx_Dialog_content"
|
|
aria-labelledby="mx_BaseDialog_title"
|
|
class="mx_ExportDialog false 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"
|
|
>
|
|
Export Chat
|
|
</h1>
|
|
</div>
|
|
<div
|
|
aria-label="Close dialog"
|
|
class="mx_AccessibleButton mx_Dialog_cancelButton"
|
|
role="button"
|
|
tabindex="0"
|
|
/>
|
|
<p>
|
|
Select from the options below to export chats from your timeline
|
|
</p>
|
|
<div
|
|
class="mx_ExportDialog_options"
|
|
>
|
|
<span
|
|
class="mx_ExportDialog_subheading"
|
|
>
|
|
Format
|
|
</span>
|
|
<label
|
|
class="mx_StyledRadioButton mx_StyledRadioButton_enabled mx_StyledRadioButton_checked"
|
|
>
|
|
<input
|
|
checked=""
|
|
id="exportFormat-Html"
|
|
name="exportFormat"
|
|
type="radio"
|
|
value="Html"
|
|
/>
|
|
<div>
|
|
<div />
|
|
</div>
|
|
<div
|
|
class="mx_StyledRadioButton_content"
|
|
>
|
|
HTML
|
|
</div>
|
|
<div
|
|
class="mx_StyledRadioButton_spacer"
|
|
/>
|
|
</label>
|
|
<label
|
|
class="mx_StyledRadioButton mx_StyledRadioButton_enabled"
|
|
>
|
|
<input
|
|
id="exportFormat-PlainText"
|
|
name="exportFormat"
|
|
type="radio"
|
|
value="PlainText"
|
|
/>
|
|
<div>
|
|
<div />
|
|
</div>
|
|
<div
|
|
class="mx_StyledRadioButton_content"
|
|
>
|
|
Plain Text
|
|
</div>
|
|
<div
|
|
class="mx_StyledRadioButton_spacer"
|
|
/>
|
|
</label>
|
|
<label
|
|
class="mx_StyledRadioButton mx_StyledRadioButton_enabled"
|
|
>
|
|
<input
|
|
id="exportFormat-Json"
|
|
name="exportFormat"
|
|
type="radio"
|
|
value="Json"
|
|
/>
|
|
<div>
|
|
<div />
|
|
</div>
|
|
<div
|
|
class="mx_StyledRadioButton_content"
|
|
>
|
|
JSON
|
|
</div>
|
|
<div
|
|
class="mx_StyledRadioButton_spacer"
|
|
/>
|
|
</label>
|
|
<span
|
|
class="mx_ExportDialog_subheading"
|
|
>
|
|
Messages
|
|
</span>
|
|
<div
|
|
class="mx_Field mx_Field_select"
|
|
>
|
|
<select
|
|
id="export-type"
|
|
type="text"
|
|
>
|
|
<option
|
|
value="Timeline"
|
|
>
|
|
Current Timeline
|
|
</option>
|
|
<option
|
|
value="Beginning"
|
|
>
|
|
From the beginning
|
|
</option>
|
|
<option
|
|
value="LastNMessages"
|
|
>
|
|
Specify a number of messages
|
|
</option>
|
|
</select>
|
|
<label
|
|
for="export-type"
|
|
/>
|
|
</div>
|
|
<span
|
|
class="mx_ExportDialog_subheading"
|
|
>
|
|
Size Limit
|
|
</span>
|
|
<div
|
|
class="mx_Field mx_Field_input"
|
|
>
|
|
<input
|
|
autocomplete="off"
|
|
id="size-limit"
|
|
type="number"
|
|
value="8"
|
|
/>
|
|
<label
|
|
for="size-limit"
|
|
/>
|
|
<span
|
|
class="mx_Field_postfix"
|
|
>
|
|
<span>
|
|
MB
|
|
</span>
|
|
</span>
|
|
</div>
|
|
<span
|
|
class="mx_Checkbox mx_ExportDialog_attachments-checkbox mx_Checkbox_hasKind mx_Checkbox_kind_solid"
|
|
>
|
|
<input
|
|
id="include-attachments"
|
|
type="checkbox"
|
|
/>
|
|
<label
|
|
for="include-attachments"
|
|
>
|
|
<div
|
|
class="mx_Checkbox_background"
|
|
>
|
|
<div
|
|
class="mx_Checkbox_checkmark"
|
|
/>
|
|
</div>
|
|
<div>
|
|
Include Attachments
|
|
</div>
|
|
</label>
|
|
</span>
|
|
</div>
|
|
<div
|
|
class="mx_Dialog_buttons"
|
|
>
|
|
<span
|
|
class="mx_Dialog_buttons_row"
|
|
>
|
|
<button
|
|
data-testid="dialog-cancel-button"
|
|
type="button"
|
|
>
|
|
Cancel
|
|
</button>
|
|
<button
|
|
class="mx_Dialog_primary"
|
|
data-testid="dialog-primary-button"
|
|
type="button"
|
|
>
|
|
Export
|
|
</button>
|
|
</span>
|
|
</div>
|
|
</div>
|
|
`;
|
|
|
|
exports[`<ExportDialog /> renders success screen when export is finished 1`] = `null`;
|