mattermost-mobile/app/utils/datetime.test.ts
Harshil Sharma 04de7b9745
Bor create post (#9393)
* Initial setup for new keyboard

* fix the offset calculation onMove by adding isKeyboardFullyOpened

* Done with the keyboard handling implementation

* Handled keyboard focus and blured state using context

* Added default height for input container

* Android support

* Tablet state handling

* Fix for refreshing offset in list

* Created a default context for mention post list

* Fix linter errors

* Fix tests

* Minor

* Fix the height issue for tablet view

* Review comments

* Dependency fix

* Reveiw comment

* keyboard animation only enabled with screen on top navigation

* added tests

* Added extra keyboard component for emoji picker (#9328)

* Added extra keyboard component

* handled swipe geature for extra keyboard

* scroll to bottom visible on emoji picker

* Check for stale event for keyboard geature area

* fix keyboard stale event for mid-gesture change swipe direction

* Closing emoji picker when message priority is opened

* changing to thread view closes emoji picker

* Close emoij picker and keyboard when attachment icons are clicked

* handle android emoji picker behaviour

* Remove emoji picker code

* fix tests

* Address reviev comments

* Test fixes

* usePreventDoubleTab for race condition and corrected comment on isInputAccessoryViewMode flag

* File attachments option in bottom sheet quick action (#9331)

* Added extra keyboard component

* handled swipe geature for extra keyboard

* File attachments option in bottom sheet quick action

* Updated tests

* i18n

* fix test

* Added tests

* Review comment

* fix tests

* Integrated Emoji picker to Extra keyboard component.  (#9339)

* Added extra keyboard component

* handled swipe geature for extra keyboard

* scroll to bottom visible on emoji picker

* Fix the post input container height change issue

* Added emoji picker with search functionality

* keyboard height not recorded fallback to default height, set search to false closing emoji picker

* fix search funcitonality in android

* scroll to end bottom dismissed with pressed

* Fixed the scroll issue for android

* fix the flickering post input issue

* Wired up the emoji picker

* Added keyboard and spaceback in emoji picker

* intl extract

* initial cursor position and simple calculation review comment

* separated grapheme to utils file

* Review comments

* nitpick

* Fix the bottom safe area and navigation stack restore fix

* Fix test

* disabled emoji picker in edit post screen

* change the name of the variable to name it clarier

* fix the tab gap issue in andriod

* disabled the emoji skin tone change on andriod

* fix the input container jump issue

* fix the failing test

* UX review

* added white space after the attachment icon

* When @ or / is press open keyboard on andriod also fix the scroll issue when keyboard is open

* back bottom closes emoji picker and opening keyboard jump fix

* reverted code

* fixed the flickering issue of input and scroll position fix

* Added BoR button

* Fix the gap issue in thread

* fix the warning reaminated issue when opening a channel

* Fix the extra space issue between input and emoij picker

* Minor fix for extra space between input and emoji picker

* WIP

* Fix thread view bottom safe area and gap between keyboard and searched emojis

* WIP

* refactor: make borConfig optional in BoRAction component

* refactor: remove optional borConfig and simplify state initialization

* Fix the keyboard issue in tablet

* Fix the warning issue react-native-keyboard-controller

* Fix tests

* Fix the tablet search hight issue

* Replaced the ExtraKeyboardProvider with KeyboardProvider from rnkc for permalink

* WIP

* Successfully toggeled bor status

* Displayed bor chip in draft editor

* Send bor post

* Displayed bor chip in draft editor with wrapping

* Added read receipt

* Bottom sheet jump issue resolved

* Search do not close after selecting emoji in search list

* Added the bottom inset height in search emoji for android

* integrated bor receipt count

* fix buid issue

* Added margin

* Handled updating receipts on sync

* test: add comprehensive tests for updateDraftBoRConfig

* test: add initial test file for burn on read label component

* test: add tests for BoRLabel component

* test: update BoRLabel tests to use toBeVisible and remove formatTime mock

* test: update BoR label tests to use renderWithIntl

* refactor: remove getBaseProps and specify props inline in BoRLabel tests

* refactor: improve test component formatting for readability

* test: add validation for BoRLabel time display formats

* test: add comprehensive tests for Burst on Read (BoR) functionality

* WIP

* test: add unit tests for BOR quick action component

* test: add comprehensive tests for BoR quick action component

* test: add missing props to QuickActions test setup

* test: add tests for BoR quick action rendering

* test: mock BoRQuickAction component for testing

* test: add comprehensive tests for observeIsBoREnabled function

* test: add initial test file for BOR read receipts screen

* test: add comprehensive tests for BORReadReceipts component

* test: add test cases for BOR read receipts display

* test: add comprehensive tests for humanReadable format in formatTime

* Added tests

* lint fix

* cleanup

* cleanup

* cleanup

* cleanup

* cleanup

* i18n fix

* Fix the cancel state to emoji picker

* Prevented displaying BoR quick action in threads

* Fixed a test

* lint fix

* review fixes

* review fixes

* i18n fix

* fixed tests

* review fixes

* lint fix

* restored podfile

* Fixed WS event handling for receiving bor post receipnt

* Fixed a test

* fixed TS

* Implemented burn post now for sender and receiver (#9401)

* Implemented burn post now for sender and receiver

* test: add tests for burnPostNow function

* test: add test for delete post option

* test: add comprehensive tests for DeletePostOption component

* Added tests

* Lint fix

* minor improvemenmts

* lint fix

* reset unintended changes

* reset unintended changes

* Bor delete when read by all (#9407)

* WIP

* Updated for all read

* cleanup

* test: add comprehensive tests for handleBoRPostAllRevealed

* test: add tests for BOR events in websocket event handler

* feat: add comprehensive tests for shouldUpdateForBoRPost function

* Added tests

* Lint fix

* fixed TS

* fixed padding

* UX fixes

---------

Co-authored-by: Rajat Dabade <a-rajat.dabade@mattermost.com>
Co-authored-by: Rajat Dabade <rajatdabade1997@gmail.com>
Co-authored-by: Mattermost Build <build@mattermost.com>
Co-authored-by: Rahim Rahman <rahim.rahman@mattermost.com>
2026-02-09 17:00:54 +05:30

175 lines
6.8 KiB
TypeScript

// Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
// See LICENSE.txt for license information.
import {getIntlShape} from '@utils/general';
import {formatTime, getReadableTimestamp, isSameDate, isSameMonth, isSameYear, isToday, isYesterday} from './datetime';
describe('Datetime', () => {
test('isSameDate (isSameMonth / isSameYear)', () => {
expect(isSameDate(new Date('2024-03-28 02:23:27'), new Date('2025-03-28 02:23:27'))).toBe(false);
expect(isSameDate(new Date('2024-03-28 02:23:27'), new Date('2024-02-28 02:23:27'))).toBe(false);
expect(isSameDate(new Date('2024-03-28 02:23:27'), new Date('2024-03-18 02:23:27'))).toBe(false);
expect(isSameDate(new Date('2024-03-28 02:23:27'), new Date('2024-03-28 00:00:00'))).toBe(true);
expect(isSameDate(new Date('2024-03-28 02:23:27'))).toBe(false);
expect(isSameDate(new Date())).toBe(true);
});
test('isSameMonth with default', () => {
expect(isSameMonth(new Date('2024-03-28 02:23:27'))).toBe(false);
expect(isSameMonth(new Date())).toBe(true);
});
test('isSameYear with default', () => {
expect(isSameYear(new Date('2022-03-28 02:23:27'))).toBe(false);
expect(isSameYear(new Date())).toBe(true);
});
test('isToday', () => {
expect(isToday(new Date('2024-03-28 02:23:27'))).toBe(false);
expect(isToday(new Date())).toBe(true);
});
test('isYesteday', () => {
expect(isYesterday(new Date('2024-03-28 02:23:27'))).toBe(false);
const today = new Date();
today.setDate(today.getDate() - 1);
expect(isYesterday(today)).toBe(true);
});
});
describe('getReadableTimestamp', () => {
beforeAll(() => {
jest.useFakeTimers();
jest.setSystemTime(new Date('2025-06-15T12:00:00Z'));
});
afterAll(() => {
jest.useRealTimers();
});
it('should format timestamp correctly in 12-hour format for current year', () => {
const timestamp = new Date('2025-06-15T12:00:00Z').getTime();
const timeZone = 'America/New_York';
const result = getReadableTimestamp(timestamp, timeZone, false, 'en-US');
expect(result).toBe('Jun 15, 8:00 AM');
});
it('should format timestamp correctly in 24-hour format for current year', () => {
const timestamp = new Date('2025-06-15T12:00:00Z').getTime();
const timeZone = 'America/New_York';
const result = getReadableTimestamp(timestamp, timeZone, true, 'en-US');
expect(result).toBe('Jun 15, 08:00');
});
it('should include year if not current year', () => {
const timestamp = new Date('2024-06-15T12:00:00Z').getTime();
const timeZone = 'America/New_York';
const result = getReadableTimestamp(timestamp, timeZone, false, 'en-US');
expect(result).toBe('Jun 15, 2024, 8:00 AM');
});
it('should include year if not current year in 24-hour format', () => {
const timestamp = new Date('2024-06-15T12:00:00Z').getTime();
const timeZone = 'America/New_York';
const result = getReadableTimestamp(timestamp, timeZone, true, 'en-US');
expect(result).toBe('Jun 15, 2024, 08:00');
});
it('should format timestamp correctly for different locales', () => {
const timestamp = new Date('2025-06-15T12:00:00Z').getTime();
const timeZone = 'America/New_York';
const frResult = getReadableTimestamp(timestamp, timeZone, false, 'fr-FR');
expect(frResult).toBe('15 juin, 8:00 AM');
const deResult = getReadableTimestamp(timestamp, timeZone, false, 'de-DE');
expect(deResult).toBe('15. Juni, 8:00 AM');
});
});
describe('formatTime', () => {
it('should format seconds only', () => {
expect(formatTime(30)).toBe('0:30');
expect(formatTime(5)).toBe('0:05');
expect(formatTime(59)).toBe('0:59');
});
it('should format minutes and seconds', () => {
expect(formatTime(90)).toBe('1:30');
expect(formatTime(125)).toBe('2:05');
expect(formatTime(3599)).toBe('59:59');
});
it('should format hours, minutes, and seconds', () => {
expect(formatTime(3600)).toBe('1:00:00');
expect(formatTime(3661)).toBe('1:01:01');
expect(formatTime(7325)).toBe('2:02:05');
expect(formatTime(36000)).toBe('10:00:00');
});
it('should handle zero seconds', () => {
expect(formatTime(0)).toBe('0:00');
});
it('should handle negative values by treating them as zero', () => {
expect(formatTime(-30)).toBe('0:00');
expect(formatTime(-3600)).toBe('0:00');
});
it('should pad minutes with zero when hours are present', () => {
expect(formatTime(3605)).toBe('1:00:05');
expect(formatTime(3665)).toBe('1:01:05');
});
it('should not pad minutes with zero when no hours', () => {
expect(formatTime(65)).toBe('1:05');
expect(formatTime(605)).toBe('10:05');
});
describe('text time format', () => {
const intl = getIntlShape();
it('should format seconds only in text time format', () => {
expect(formatTime(30, true, intl)).toBe('30s');
expect(formatTime(5, true, intl)).toBe('5s');
expect(formatTime(59, true, intl)).toBe('59s');
});
it('should format minutes and seconds in text time format', () => {
expect(formatTime(90, true, intl)).toBe('1m 30s');
expect(formatTime(125, true, intl)).toBe('2m 5s');
expect(formatTime(3599, true, intl)).toBe('59m 59s');
});
it('should format hours, minutes, and seconds in text time format', () => {
expect(formatTime(3600, true, intl)).toBe('1h');
expect(formatTime(3661, true, intl)).toBe('1h 1m 1s');
expect(formatTime(7325, true, intl)).toBe('2h 2m 5s');
expect(formatTime(36000, true, intl)).toBe('10h');
});
it('should format hours and minutes only in text time format', () => {
expect(formatTime(3660, true, intl)).toBe('1h 1m');
expect(formatTime(7200, true, intl)).toBe('2h');
});
it('should format hours and seconds only in text time format', () => {
expect(formatTime(3605, true, intl)).toBe('1h 5s');
});
it('should format minutes only in text time format', () => {
expect(formatTime(60, true, intl)).toBe('1m');
expect(formatTime(120, true, intl)).toBe('2m');
});
it('should handle zero seconds in text time format', () => {
expect(formatTime(0, true, intl)).toBe('0s');
});
it('should handle negative values in text time format', () => {
expect(formatTime(-30, true, intl)).toBe('0s');
expect(formatTime(-3600, true, intl)).toBe('0s');
});
});
});