// Copyright 2019-2020 Signal Messenger, LLC // SPDX-License-Identifier: AGPL-3.0-only import { assert } from 'chai'; import { ConversationLookupType, ConversationType, getEmptyState, } from '../../../state/ducks/conversations'; import { _getConversationComparator, _getLeftPaneLists, getConversationSelector, getPlaceholderContact, getSelectedConversation, getSelectedConversationId, } from '../../../state/selectors/conversations'; import { noopAction } from '../../../state/ducks/noop'; import { StateType, reducer as rootReducer } from '../../../state/reducer'; describe('both/state/selectors/conversations', () => { const getEmptyRootState = (): StateType => { return rootReducer(undefined, noopAction()); }; function getDefaultConversation(id: string): ConversationType { return { id, type: 'direct', title: `${id} title`, }; } describe('#getConversationSelector', () => { it('returns empty placeholder if falsey id provided', () => { const state = getEmptyRootState(); const selector = getConversationSelector(state); const actual = selector(undefined); assert.deepEqual(actual, getPlaceholderContact()); }); it('returns empty placeholder if no match', () => { const state = { ...getEmptyRootState(), }; const selector = getConversationSelector(state); const actual = selector('random-id'); assert.deepEqual(actual, getPlaceholderContact()); }); it('returns conversation by e164 first', () => { const id = 'id'; const conversation = getDefaultConversation(id); const wrongConversation = getDefaultConversation('wrong'); const state = { ...getEmptyRootState(), conversations: { ...getEmptyState(), conversationLookup: { [id]: wrongConversation, }, conversationsByE164: { [id]: conversation, }, conversationsByUuid: { [id]: wrongConversation, }, conversationsByGroupId: { [id]: wrongConversation, }, }, }; const selector = getConversationSelector(state); const actual = selector(id); assert.strictEqual(actual, conversation); }); it('returns conversation by uuid', () => { const id = 'id'; const conversation = getDefaultConversation(id); const wrongConversation = getDefaultConversation('wrong'); const state = { ...getEmptyRootState(), conversations: { ...getEmptyState(), conversationLookup: { [id]: wrongConversation, }, conversationsByUuid: { [id]: conversation, }, conversationsByGroupId: { [id]: wrongConversation, }, }, }; const selector = getConversationSelector(state); const actual = selector(id); assert.strictEqual(actual, conversation); }); it('returns conversation by groupId', () => { const id = 'id'; const conversation = getDefaultConversation(id); const wrongConversation = getDefaultConversation('wrong'); const state = { ...getEmptyRootState(), conversations: { ...getEmptyState(), conversationLookup: { [id]: wrongConversation, }, conversationsByGroupId: { [id]: conversation, }, }, }; const selector = getConversationSelector(state); const actual = selector(id); assert.strictEqual(actual, conversation); }); it('returns conversation by conversationId', () => { const id = 'id'; const conversation = getDefaultConversation(id); const state = { ...getEmptyRootState(), conversations: { ...getEmptyState(), conversationLookup: { [id]: conversation, }, }, }; const selector = getConversationSelector(state); const actual = selector(id); assert.strictEqual(actual, conversation); }); // Less important now, given that all prop-generation for conversations is in // models/conversation.getProps() and not here. it('does proper caching of result', () => { const id = 'id'; const conversation = getDefaultConversation(id); const state = { ...getEmptyRootState(), conversations: { ...getEmptyState(), conversationLookup: { [id]: conversation, }, }, }; const selector = getConversationSelector(state); const actual = selector(id); const secondState = { ...state, conversations: { ...getEmptyState(), conversationLookup: { [id]: conversation, }, }, }; const secondSelector = getConversationSelector(secondState); const secondActual = secondSelector(id); assert.strictEqual(actual, secondActual); const thirdState = { ...state, conversations: { ...getEmptyState(), conversationLookup: { [id]: getDefaultConversation('third'), }, }, }; const thirdSelector = getConversationSelector(thirdState); const thirdActual = thirdSelector(id); assert.notStrictEqual(actual, thirdActual); }); }); describe('#getLeftPaneList', () => { it('sorts conversations based on timestamp then by intl-friendly title', () => { const data: ConversationLookupType = { id1: { id: 'id1', e164: '+18005551111', activeAt: Date.now(), name: 'No timestamp', timestamp: 0, inboxPosition: 0, phoneNumber: 'notused', isArchived: false, markedUnread: false, type: 'direct', isMe: false, lastUpdated: Date.now(), title: 'No timestamp', unreadCount: 1, isSelected: false, typingContact: { name: 'Someone There', color: 'blue', phoneNumber: '+18005551111', }, acceptedMessageRequest: true, }, id2: { id: 'id2', e164: '+18005551111', activeAt: Date.now(), name: 'B', timestamp: 20, inboxPosition: 21, phoneNumber: 'notused', isArchived: false, markedUnread: false, type: 'direct', isMe: false, lastUpdated: Date.now(), title: 'B', unreadCount: 1, isSelected: false, typingContact: { name: 'Someone There', color: 'blue', phoneNumber: '+18005551111', }, acceptedMessageRequest: true, }, id3: { id: 'id3', e164: '+18005551111', activeAt: Date.now(), name: 'C', timestamp: 20, inboxPosition: 22, phoneNumber: 'notused', isArchived: false, markedUnread: false, type: 'direct', isMe: false, lastUpdated: Date.now(), title: 'C', unreadCount: 1, isSelected: false, typingContact: { name: 'Someone There', color: 'blue', phoneNumber: '+18005551111', }, acceptedMessageRequest: true, }, id4: { id: 'id4', e164: '+18005551111', activeAt: Date.now(), name: 'Á', timestamp: 20, inboxPosition: 20, phoneNumber: 'notused', isArchived: false, markedUnread: false, type: 'direct', isMe: false, lastUpdated: Date.now(), title: 'A', unreadCount: 1, isSelected: false, typingContact: { name: 'Someone There', color: 'blue', phoneNumber: '+18005551111', }, acceptedMessageRequest: true, }, id5: { id: 'id5', e164: '+18005551111', activeAt: Date.now(), name: 'First!', timestamp: 30, inboxPosition: 30, phoneNumber: 'notused', isArchived: false, markedUnread: false, type: 'direct', isMe: false, lastUpdated: Date.now(), title: 'First!', unreadCount: 1, isSelected: false, typingContact: { name: 'Someone There', color: 'blue', phoneNumber: '+18005551111', }, acceptedMessageRequest: true, }, }; const comparator = _getConversationComparator(); const { conversations } = _getLeftPaneLists(data, comparator); assert.strictEqual(conversations[0].name, 'First!'); assert.strictEqual(conversations[1].name, 'Á'); assert.strictEqual(conversations[2].name, 'B'); assert.strictEqual(conversations[3].name, 'C'); assert.strictEqual(conversations[4].name, 'No timestamp'); }); describe('given pinned conversations', () => { it('sorts pinned conversations based on order in storage', () => { const data: ConversationLookupType = { pin2: { id: 'pin2', e164: '+18005551111', activeAt: Date.now(), name: 'Pin Two', timestamp: 30, inboxPosition: 30, phoneNumber: 'notused', isArchived: false, isPinned: true, markedUnread: false, type: 'direct', isMe: false, lastUpdated: Date.now(), title: 'Pin Two', unreadCount: 1, isSelected: false, typingContact: { name: 'Someone There', color: 'blue', phoneNumber: '+18005551111', }, acceptedMessageRequest: true, }, pin3: { id: 'pin3', e164: '+18005551111', activeAt: Date.now(), name: 'Pin Three', timestamp: 30, inboxPosition: 30, phoneNumber: 'notused', isArchived: false, isPinned: true, markedUnread: false, type: 'direct', isMe: false, lastUpdated: Date.now(), title: 'Pin Three', unreadCount: 1, isSelected: false, typingContact: { name: 'Someone There', color: 'blue', phoneNumber: '+18005551111', }, acceptedMessageRequest: true, }, pin1: { id: 'pin1', e164: '+18005551111', activeAt: Date.now(), name: 'Pin One', timestamp: 30, inboxPosition: 30, phoneNumber: 'notused', isArchived: false, isPinned: true, markedUnread: false, type: 'direct', isMe: false, lastUpdated: Date.now(), title: 'Pin One', unreadCount: 1, isSelected: false, typingContact: { name: 'Someone There', color: 'blue', phoneNumber: '+18005551111', }, acceptedMessageRequest: true, }, }; const pinnedConversationIds = ['pin1', 'pin2', 'pin3']; const comparator = _getConversationComparator(); const { pinnedConversations } = _getLeftPaneLists( data, comparator, undefined, pinnedConversationIds ); assert.strictEqual(pinnedConversations[0].name, 'Pin One'); assert.strictEqual(pinnedConversations[1].name, 'Pin Two'); assert.strictEqual(pinnedConversations[2].name, 'Pin Three'); }); }); }); describe('#getSelectedConversationId', () => { it('returns undefined if no conversation is selected', () => { const state = { ...getEmptyRootState(), conversations: { ...getEmptyState(), conversationLookup: { abc123: getDefaultConversation('abc123'), }, }, }; assert.isUndefined(getSelectedConversationId(state)); }); it('returns the selected conversation ID', () => { const state = { ...getEmptyRootState(), conversations: { ...getEmptyState(), conversationLookup: { abc123: getDefaultConversation('abc123'), }, selectedConversationId: 'abc123', }, }; assert.strictEqual(getSelectedConversationId(state), 'abc123'); }); }); describe('#getSelectedConversation', () => { it('returns undefined if no conversation is selected', () => { const state = { ...getEmptyRootState(), conversations: { ...getEmptyState(), conversationLookup: { abc123: getDefaultConversation('abc123'), }, }, }; assert.isUndefined(getSelectedConversation(state)); }); it('returns the selected conversation ID', () => { const state = { ...getEmptyRootState(), conversations: { ...getEmptyState(), conversationLookup: { abc123: getDefaultConversation('abc123'), }, selectedConversationId: 'abc123', }, }; assert.deepEqual( getSelectedConversation(state), getDefaultConversation('abc123') ); }); }); });