* 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>
175 lines
6.8 KiB
TypeScript
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');
|
|
});
|
|
});
|
|
});
|