mirror of
https://github.com/vector-im/element-web.git
synced 2024-11-26 02:18:25 +08:00
3c52ba0c92
* Use Intl to generate better internationalised date formats * Get `Yesterday` and `Today` from Intl also * Correct capitalisation blunder * Fix formatTime include weekday * Iterate * Fix tests * use jest setSystemTime * Discard changes to cypress/e2e/settings/general-user-settings-tab.spec.ts * Discard changes to res/css/_components.pcss * Discard changes to res/css/views/elements/_LanguageDropdown.pcss * Discard changes to src/components/views/elements/LanguageDropdown.tsx * Add docs & tests for getDaysArray & getMonthsArray * Discard changes to test/components/structures/__snapshots__/MatrixChat-test.tsx.snap * Consolidate consts * Improve testing & documentation * Update snapshot * Apply suggestions from code review Co-authored-by: Richard van der Hoff <1389908+richvdh@users.noreply.github.com> * Iterate * Clarify comments * Update src/DateUtils.ts Co-authored-by: Richard van der Hoff <1389908+richvdh@users.noreply.github.com> * Specify hourCycle * Discard changes to test/components/views/settings/devices/DeviceDetails-test.tsx * Update comments --------- Co-authored-by: Richard van der Hoff <1389908+richvdh@users.noreply.github.com>
331 lines
8.9 KiB
Plaintext
331 lines
8.9 KiB
Plaintext
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
|
|
|
exports[`<MessageEditHistory /> should match the snapshot 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-labelledby="mx_BaseDialog_title"
|
|
class="mx_MessageEditHistoryDialog mx_Dialog_fixedWidth"
|
|
data-focus-lock-disabled="false"
|
|
role="dialog"
|
|
>
|
|
<div
|
|
class="mx_Dialog_header mx_Dialog_headerWithCancel"
|
|
>
|
|
<h2
|
|
class="mx_Heading_h3 mx_Dialog_title"
|
|
id="mx_BaseDialog_title"
|
|
>
|
|
Message edits
|
|
</h2>
|
|
<div
|
|
aria-label="Close dialog"
|
|
class="mx_AccessibleButton mx_Dialog_cancelButton"
|
|
role="button"
|
|
tabindex="0"
|
|
/>
|
|
</div>
|
|
<div
|
|
class="mx_AutoHideScrollbar mx_ScrollPanel mx_MessageEditHistoryDialog_scrollPanel"
|
|
tabindex="-1"
|
|
>
|
|
<div
|
|
class="mx_RoomView_messageListWrapper"
|
|
>
|
|
<ol
|
|
aria-live="polite"
|
|
class="mx_RoomView_MessageList"
|
|
>
|
|
<ul
|
|
class="mx_MessageEditHistoryDialog_edits"
|
|
>
|
|
<li>
|
|
<div
|
|
aria-label="Thu, Jan 1, 1970"
|
|
class="mx_DateSeparator"
|
|
role="separator"
|
|
>
|
|
<hr
|
|
role="none"
|
|
/>
|
|
<div
|
|
class="mx_DateSeparator_dateContent"
|
|
>
|
|
<h2
|
|
aria-hidden="true"
|
|
class="mx_DateSeparator_dateHeading"
|
|
>
|
|
Thu, Jan 1, 1970
|
|
</h2>
|
|
</div>
|
|
<hr
|
|
role="none"
|
|
/>
|
|
</div>
|
|
</li>
|
|
<li>
|
|
<div
|
|
class="mx_EventTile"
|
|
>
|
|
<div
|
|
class="mx_EventTile_line"
|
|
>
|
|
<span
|
|
class="mx_MessageTimestamp"
|
|
>
|
|
00:00
|
|
</span>
|
|
<div
|
|
class="mx_EventTile_content"
|
|
>
|
|
<span
|
|
class="mx_EventTile_body"
|
|
dir="auto"
|
|
>
|
|
My Great Massage
|
|
</span>
|
|
</div>
|
|
<div
|
|
class="mx_MessageActionBar"
|
|
>
|
|
<div
|
|
class="mx_AccessibleButton"
|
|
role="button"
|
|
tabindex="0"
|
|
>
|
|
Remove
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
</ol>
|
|
</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>
|
|
`;
|
|
|
|
exports[`<MessageEditHistory /> should support events with 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-labelledby="mx_BaseDialog_title"
|
|
class="mx_MessageEditHistoryDialog mx_Dialog_fixedWidth"
|
|
data-focus-lock-disabled="false"
|
|
role="dialog"
|
|
>
|
|
<div
|
|
class="mx_Dialog_header mx_Dialog_headerWithCancel"
|
|
>
|
|
<h2
|
|
class="mx_Heading_h3 mx_Dialog_title"
|
|
id="mx_BaseDialog_title"
|
|
>
|
|
Message edits
|
|
</h2>
|
|
<div
|
|
aria-label="Close dialog"
|
|
class="mx_AccessibleButton mx_Dialog_cancelButton"
|
|
role="button"
|
|
tabindex="0"
|
|
/>
|
|
</div>
|
|
<div
|
|
class="mx_AutoHideScrollbar mx_ScrollPanel mx_MessageEditHistoryDialog_scrollPanel"
|
|
tabindex="-1"
|
|
>
|
|
<div
|
|
class="mx_RoomView_messageListWrapper"
|
|
>
|
|
<ol
|
|
aria-live="polite"
|
|
class="mx_RoomView_MessageList"
|
|
>
|
|
<ul
|
|
class="mx_MessageEditHistoryDialog_edits"
|
|
>
|
|
<li>
|
|
<div
|
|
aria-label="Thu, Jan 1, 1970"
|
|
class="mx_DateSeparator"
|
|
role="separator"
|
|
>
|
|
<hr
|
|
role="none"
|
|
/>
|
|
<div
|
|
class="mx_DateSeparator_dateContent"
|
|
>
|
|
<h2
|
|
aria-hidden="true"
|
|
class="mx_DateSeparator_dateHeading"
|
|
>
|
|
Thu, Jan 1, 1970
|
|
</h2>
|
|
</div>
|
|
<hr
|
|
role="none"
|
|
/>
|
|
</div>
|
|
</li>
|
|
<li>
|
|
<div
|
|
class="mx_EventTile"
|
|
>
|
|
<div
|
|
class="mx_EventTile_line"
|
|
>
|
|
<span
|
|
class="mx_MessageTimestamp"
|
|
>
|
|
00:00
|
|
</span>
|
|
<div
|
|
class="mx_EventTile_content"
|
|
>
|
|
<span
|
|
class="mx_EventTile_body markdown-body"
|
|
dir="auto"
|
|
>
|
|
<span>
|
|
My Great Massage
|
|
<span
|
|
class="mx_EditHistoryMessage_deletion"
|
|
>
|
|
?
|
|
</span>
|
|
</span>
|
|
</span>
|
|
</div>
|
|
<div
|
|
class="mx_MessageActionBar"
|
|
>
|
|
<div
|
|
class="mx_AccessibleButton"
|
|
role="button"
|
|
tabindex="0"
|
|
>
|
|
Remove
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</li>
|
|
<li>
|
|
<div
|
|
class="mx_EventTile"
|
|
>
|
|
<div
|
|
class="mx_EventTile_line"
|
|
>
|
|
<span
|
|
class="mx_MessageTimestamp"
|
|
>
|
|
00:00
|
|
</span>
|
|
<div
|
|
class="mx_EventTile_content"
|
|
>
|
|
<span
|
|
class="mx_EventTile_body markdown-body"
|
|
dir="auto"
|
|
>
|
|
<span>
|
|
My Great M
|
|
<span
|
|
class="mx_EditHistoryMessage_deletion"
|
|
>
|
|
i
|
|
</span>
|
|
<span
|
|
class="mx_EditHistoryMessage_insertion"
|
|
>
|
|
a
|
|
</span>
|
|
ssage
|
|
<span
|
|
class="mx_EditHistoryMessage_insertion"
|
|
>
|
|
?
|
|
</span>
|
|
</span>
|
|
</span>
|
|
</div>
|
|
<div
|
|
class="mx_MessageActionBar"
|
|
>
|
|
<div
|
|
class="mx_AccessibleButton"
|
|
role="button"
|
|
tabindex="0"
|
|
>
|
|
Remove
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</li>
|
|
<li>
|
|
<div
|
|
class="mx_EventTile"
|
|
>
|
|
<div
|
|
class="mx_EventTile_line"
|
|
>
|
|
<span
|
|
class="mx_MessageTimestamp"
|
|
>
|
|
00:00
|
|
</span>
|
|
<div
|
|
class="mx_EventTile_content"
|
|
>
|
|
<span
|
|
class="mx_EventTile_body"
|
|
dir="auto"
|
|
>
|
|
My Great Missage
|
|
</span>
|
|
</div>
|
|
<div
|
|
class="mx_MessageActionBar"
|
|
>
|
|
<div
|
|
class="mx_AccessibleButton"
|
|
role="button"
|
|
tabindex="0"
|
|
>
|
|
Remove
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
</ol>
|
|
</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>
|
|
`;
|