2021-12-21 10:08:22 +01:00
|
|
|
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
|
|
|
|
|
|
|
exports[`DateSeparator renders the date separator correctly 1`] = `
|
2022-03-22 11:32:35 +01:00
|
|
|
<DateSeparator
|
2021-12-21 10:08:22 +01:00
|
|
|
now="2021-12-17T08:09:00.000Z"
|
2022-03-25 03:11:56 +01:00
|
|
|
roomId="!unused:example.org"
|
2021-12-21 10:08:22 +01:00
|
|
|
ts={1639728540000}
|
|
|
|
>
|
2022-08-01 09:31:14 +02:00
|
|
|
<div
|
2022-03-22 11:32:35 +01:00
|
|
|
aria-label="Today"
|
|
|
|
className="mx_DateSeparator"
|
|
|
|
role="separator"
|
|
|
|
tabIndex={-1}
|
2021-12-21 10:08:22 +01:00
|
|
|
>
|
2022-03-22 11:32:35 +01:00
|
|
|
<hr
|
|
|
|
role="none"
|
|
|
|
/>
|
2022-08-01 09:31:14 +02:00
|
|
|
<h2
|
2022-03-22 11:32:35 +01:00
|
|
|
aria-hidden="true"
|
2021-12-21 10:08:22 +01:00
|
|
|
>
|
2022-03-22 11:32:35 +01:00
|
|
|
Today
|
2022-08-01 09:31:14 +02:00
|
|
|
</h2>
|
2022-03-22 11:32:35 +01:00
|
|
|
<hr
|
|
|
|
role="none"
|
|
|
|
/>
|
2022-08-01 09:31:14 +02:00
|
|
|
</div>
|
2022-03-22 11:32:35 +01:00
|
|
|
</DateSeparator>
|
2021-12-21 10:08:22 +01:00
|
|
|
`;
|
2022-01-27 23:32:12 +01:00
|
|
|
|
|
|
|
exports[`DateSeparator when feature_jump_to_date is enabled renders the date separator correctly 1`] = `
|
2022-03-22 11:32:35 +01:00
|
|
|
<DateSeparator
|
2022-01-27 23:32:12 +01:00
|
|
|
now="2021-12-17T08:09:00.000Z"
|
2022-03-25 03:11:56 +01:00
|
|
|
roomId="!unused:example.org"
|
2022-01-27 23:32:12 +01:00
|
|
|
ts={1639728540000}
|
|
|
|
>
|
2022-08-01 09:31:14 +02:00
|
|
|
<div
|
2022-03-22 11:32:35 +01:00
|
|
|
aria-label="Fri, Dec 17 2021"
|
|
|
|
className="mx_DateSeparator"
|
|
|
|
role="separator"
|
|
|
|
tabIndex={-1}
|
2022-01-27 23:32:12 +01:00
|
|
|
>
|
2022-03-22 11:32:35 +01:00
|
|
|
<hr
|
|
|
|
role="none"
|
|
|
|
/>
|
|
|
|
<ContextMenuTooltipButton
|
|
|
|
className="mx_DateSeparator_jumpToDateMenu"
|
|
|
|
isExpanded={false}
|
|
|
|
onClick={[Function]}
|
|
|
|
title="Jump to date"
|
2022-01-27 23:32:12 +01:00
|
|
|
>
|
2022-03-22 11:32:35 +01:00
|
|
|
<AccessibleTooltipButton
|
|
|
|
aria-expanded={false}
|
|
|
|
aria-haspopup={true}
|
2022-01-27 23:32:12 +01:00
|
|
|
className="mx_DateSeparator_jumpToDateMenu"
|
2022-03-22 11:32:35 +01:00
|
|
|
forceHide={false}
|
2022-01-27 23:32:12 +01:00
|
|
|
onClick={[Function]}
|
2022-03-22 11:32:35 +01:00
|
|
|
onContextMenu={[Function]}
|
2022-01-27 23:32:12 +01:00
|
|
|
title="Jump to date"
|
|
|
|
>
|
2022-03-22 11:32:35 +01:00
|
|
|
<AccessibleButton
|
2022-01-27 23:32:12 +01:00
|
|
|
aria-expanded={false}
|
|
|
|
aria-haspopup={true}
|
2022-03-22 11:32:35 +01:00
|
|
|
aria-label="Jump to date"
|
2022-01-27 23:32:12 +01:00
|
|
|
className="mx_DateSeparator_jumpToDateMenu"
|
2022-03-22 11:32:35 +01:00
|
|
|
element="div"
|
|
|
|
onBlur={[Function]}
|
2022-01-27 23:32:12 +01:00
|
|
|
onClick={[Function]}
|
|
|
|
onContextMenu={[Function]}
|
2022-03-22 11:32:35 +01:00
|
|
|
onFocus={[Function]}
|
|
|
|
onMouseLeave={[Function]}
|
|
|
|
onMouseOver={[Function]}
|
|
|
|
role="button"
|
|
|
|
tabIndex={0}
|
2022-01-27 23:32:12 +01:00
|
|
|
>
|
2022-03-22 11:32:35 +01:00
|
|
|
<div
|
2022-01-27 23:32:12 +01:00
|
|
|
aria-expanded={false}
|
|
|
|
aria-haspopup={true}
|
|
|
|
aria-label="Jump to date"
|
2022-03-22 11:32:35 +01:00
|
|
|
className="mx_AccessibleButton mx_DateSeparator_jumpToDateMenu"
|
2022-01-27 23:32:12 +01:00
|
|
|
onBlur={[Function]}
|
|
|
|
onClick={[Function]}
|
|
|
|
onContextMenu={[Function]}
|
|
|
|
onFocus={[Function]}
|
2022-03-22 11:32:35 +01:00
|
|
|
onKeyDown={[Function]}
|
|
|
|
onKeyUp={[Function]}
|
2022-01-27 23:32:12 +01:00
|
|
|
onMouseLeave={[Function]}
|
|
|
|
onMouseOver={[Function]}
|
|
|
|
role="button"
|
|
|
|
tabIndex={0}
|
|
|
|
>
|
2022-08-01 09:31:14 +02:00
|
|
|
<h2
|
2022-03-22 11:32:35 +01:00
|
|
|
aria-hidden="true"
|
2022-01-27 23:32:12 +01:00
|
|
|
>
|
2022-03-22 11:32:35 +01:00
|
|
|
Fri, Dec 17 2021
|
2022-08-01 09:31:14 +02:00
|
|
|
</h2>
|
2022-03-22 11:32:35 +01:00
|
|
|
<div
|
|
|
|
className="mx_DateSeparator_chevron"
|
|
|
|
/>
|
|
|
|
</div>
|
|
|
|
</AccessibleButton>
|
|
|
|
</AccessibleTooltipButton>
|
|
|
|
</ContextMenuTooltipButton>
|
|
|
|
<hr
|
|
|
|
role="none"
|
|
|
|
/>
|
2022-08-01 09:31:14 +02:00
|
|
|
</div>
|
2022-03-22 11:32:35 +01:00
|
|
|
</DateSeparator>
|
2022-01-27 23:32:12 +01:00
|
|
|
`;
|