signal-desktop/ts/test-both/state/selectors/conversations_test.ts
2021-09-23 17:49:05 -07:00

1888 lines
53 KiB
TypeScript

// Copyright 2019-2021 Signal Messenger, LLC
// SPDX-License-Identifier: AGPL-3.0-only
import { assert } from 'chai';
import {
OneTimeModalState,
ComposerStep,
ConversationLookupType,
ConversationType,
getEmptyState,
} from '../../../state/ducks/conversations';
import {
_getConversationComparator,
_getLeftPaneLists,
getAllComposableConversations,
getCandidateContactsForNewGroup,
getCantAddContactForModal,
getComposableContacts,
getComposableGroups,
getComposeGroupAvatar,
getComposeGroupName,
getComposerConversationSearchTerm,
getComposerStep,
getComposeSelectedContacts,
getContactNameColorSelector,
getConversationByIdSelector,
getConversationsByTitleSelector,
getConversationSelector,
getConversationsStoppingMessageSendBecauseOfVerification,
getFilteredCandidateContactsForNewGroup,
getFilteredComposeContacts,
getFilteredComposeGroups,
getInvitedContactsForNewlyCreatedGroup,
getMaximumGroupSizeModalState,
getMessageIdsPendingBecauseOfVerification,
getNumberOfMessagesPendingBecauseOfVerification,
getPlaceholderContact,
getRecommendedGroupSizeModalState,
getSelectedConversation,
getSelectedConversationId,
hasGroupCreationError,
isCreatingGroup,
} from '../../../state/selectors/conversations';
import { noopAction } from '../../../state/ducks/noop';
import { StateType, reducer as rootReducer } from '../../../state/reducer';
import { setupI18n } from '../../../util/setupI18n';
import enMessages from '../../../../_locales/en/messages.json';
import { getDefaultConversation } from '../../helpers/getDefaultConversation';
import {
defaultStartDirectConversationComposerState,
defaultChooseGroupMembersComposerState,
defaultSetGroupMetadataComposerState,
} from '../../helpers/defaultComposerStates';
describe('both/state/selectors/conversations', () => {
const getEmptyRootState = (): StateType => {
return rootReducer(undefined, noopAction());
};
function makeConversation(id: string): ConversationType {
return getDefaultConversation({
id,
searchableTitle: `${id} title`,
title: `${id} title`,
});
}
const i18n = setupI18n('en', enMessages);
describe('#getConversationByIdSelector', () => {
const state = {
...getEmptyRootState(),
conversations: {
...getEmptyState(),
conversationLookup: { abc123: makeConversation('abc123') },
},
};
it('returns undefined if the conversation is not in the lookup', () => {
const selector = getConversationByIdSelector(state);
const actual = selector('xyz');
assert.isUndefined(actual);
});
it('returns the conversation in the lookup if it exists', () => {
const selector = getConversationByIdSelector(state);
const actual = selector('abc123');
assert.strictEqual(actual?.title, 'abc123 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 uuid first', () => {
const id = 'id';
const conversation = makeConversation(id);
const wrongConversation = makeConversation('wrong');
const state = {
...getEmptyRootState(),
conversations: {
...getEmptyState(),
conversationLookup: {
[id]: wrongConversation,
},
conversationsByE164: {
[id]: wrongConversation,
},
conversationsByUuid: {
[id]: conversation,
},
conversationsByGroupId: {
[id]: wrongConversation,
},
},
};
const selector = getConversationSelector(state);
const actual = selector(id);
assert.strictEqual(actual, conversation);
});
it('returns conversation by e164', () => {
const id = 'id';
const conversation = makeConversation(id);
const wrongConversation = makeConversation('wrong');
const state = {
...getEmptyRootState(),
conversations: {
...getEmptyState(),
conversationLookup: {
[id]: wrongConversation,
},
conversationsByE164: {
[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 = makeConversation(id);
const wrongConversation = makeConversation('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 = makeConversation(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 = makeConversation(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]: makeConversation('third'),
},
},
};
const thirdSelector = getConversationSelector(thirdState);
const thirdActual = thirdSelector(id);
assert.notStrictEqual(actual, thirdActual);
});
});
describe('#getConversationsStoppingMessageSendBecauseOfVerification', () => {
it('returns an empty array if there are no conversations stopping send', () => {
const state = getEmptyRootState();
assert.isEmpty(
getConversationsStoppingMessageSendBecauseOfVerification(state)
);
});
it('returns all conversations stopping message send', () => {
const convo1 = makeConversation('abc');
const convo2 = makeConversation('def');
const state = {
...getEmptyRootState(),
conversations: {
...getEmptyState(),
conversationLookup: {
def: convo2,
abc: convo1,
},
outboundMessagesPendingConversationVerification: {
def: ['message 2', 'message 3'],
abc: ['message 1', 'message 2'],
},
},
};
assert.deepEqual(
getConversationsStoppingMessageSendBecauseOfVerification(state),
[convo1, convo2]
);
});
});
describe('#getMessageIdsPendingBecauseOfVerification', () => {
it('returns an empty set if there are no conversations stopping send', () => {
const state = getEmptyRootState();
assert.deepEqual(
getMessageIdsPendingBecauseOfVerification(state),
new Set()
);
});
it('returns a set of unique pending messages', () => {
const state = {
...getEmptyRootState(),
conversations: {
...getEmptyState(),
outboundMessagesPendingConversationVerification: {
abc: ['message 2', 'message 3'],
def: ['message 1', 'message 2'],
ghi: ['message 4'],
},
},
};
assert.deepEqual(
getMessageIdsPendingBecauseOfVerification(state),
new Set(['message 1', 'message 2', 'message 3', 'message 4'])
);
});
});
describe('#getNumberOfMessagesPendingBecauseOfVerification', () => {
it('returns 0 if there are no conversations stopping send', () => {
const state = getEmptyRootState();
assert.strictEqual(
getNumberOfMessagesPendingBecauseOfVerification(state),
0
);
});
it('returns a count of unique pending messages', () => {
const state = {
...getEmptyRootState(),
conversations: {
...getEmptyState(),
outboundMessagesPendingConversationVerification: {
abc: ['message 2', 'message 3'],
def: ['message 1', 'message 2'],
ghi: ['message 4'],
},
},
};
assert.strictEqual(
getNumberOfMessagesPendingBecauseOfVerification(state),
4
);
});
});
describe('#getInvitedContactsForNewlyCreatedGroup', () => {
it('returns an empty array if there are no invited contacts', () => {
const state = getEmptyRootState();
assert.deepEqual(getInvitedContactsForNewlyCreatedGroup(state), []);
});
it('returns "hydrated" invited contacts', () => {
const state = {
...getEmptyRootState(),
conversations: {
...getEmptyState(),
conversationLookup: {
abc: makeConversation('abc'),
def: makeConversation('def'),
},
invitedConversationIdsForNewlyCreatedGroup: ['def', 'abc'],
},
};
const result = getInvitedContactsForNewlyCreatedGroup(state);
const titles = result.map(conversation => conversation.title);
assert.deepEqual(titles, ['def title', 'abc title']);
});
});
describe('#getComposerStep', () => {
it("returns undefined if the composer isn't open", () => {
const state = getEmptyRootState();
const result = getComposerStep(state);
assert.isUndefined(result);
});
it('returns the first step of the composer', () => {
const state = {
...getEmptyRootState(),
conversations: {
...getEmptyState(),
composer: defaultStartDirectConversationComposerState,
},
};
const result = getComposerStep(state);
assert.strictEqual(result, ComposerStep.StartDirectConversation);
});
it('returns the second step of the composer', () => {
const state = {
...getEmptyRootState(),
conversations: {
...getEmptyState(),
composer: defaultChooseGroupMembersComposerState,
},
};
const result = getComposerStep(state);
assert.strictEqual(result, ComposerStep.ChooseGroupMembers);
});
it('returns the third step of the composer', () => {
const state = {
...getEmptyRootState(),
conversations: {
...getEmptyState(),
composer: defaultSetGroupMetadataComposerState,
},
};
const result = getComposerStep(state);
assert.strictEqual(result, ComposerStep.SetGroupMetadata);
});
});
describe('#hasGroupCreationError', () => {
it('returns false if not in the "set group metadata" composer step', () => {
assert.isFalse(hasGroupCreationError(getEmptyRootState()));
assert.isFalse(
hasGroupCreationError({
...getEmptyRootState(),
conversations: {
...getEmptyState(),
composer: defaultStartDirectConversationComposerState,
},
})
);
});
it('returns false if there is no group creation error', () => {
assert.isFalse(
hasGroupCreationError({
...getEmptyRootState(),
conversations: {
...getEmptyState(),
composer: defaultSetGroupMetadataComposerState,
},
})
);
});
it('returns true if there is a group creation error', () => {
assert.isTrue(
hasGroupCreationError({
...getEmptyRootState(),
conversations: {
...getEmptyState(),
composer: {
...defaultSetGroupMetadataComposerState,
hasError: true,
},
},
})
);
});
});
describe('#isCreatingGroup', () => {
it('returns false if not in the "set group metadata" composer step', () => {
assert.isFalse(hasGroupCreationError(getEmptyRootState()));
assert.isFalse(
isCreatingGroup({
...getEmptyRootState(),
conversations: {
...getEmptyState(),
composer: defaultStartDirectConversationComposerState,
},
})
);
});
it('returns false if the group is not being created', () => {
assert.isFalse(
isCreatingGroup({
...getEmptyRootState(),
conversations: {
...getEmptyState(),
composer: defaultSetGroupMetadataComposerState,
},
})
);
});
it('returns true if the group is being created', () => {
assert.isTrue(
isCreatingGroup({
...getEmptyRootState(),
conversations: {
...getEmptyState(),
composer: {
...defaultSetGroupMetadataComposerState,
isCreating: true,
hasError: false,
},
},
})
);
});
});
describe('#getAllComposableConversations', () => {
const getRootState = (): StateType => {
const rootState = getEmptyRootState();
return {
...rootState,
conversations: {
...getEmptyState(),
conversationLookup: {
'our-conversation-id': {
...makeConversation('our-conversation-id'),
isMe: true,
profileName: 'My own name',
},
},
},
user: {
...rootState.user,
ourConversationId: 'our-conversation-id',
i18n,
},
};
};
const getRootStateWithConversations = (): StateType => {
const result = getRootState();
Object.assign(result.conversations.conversationLookup, {
'convo-1': {
...makeConversation('convo-1'),
type: 'direct',
profileName: 'A',
title: 'A',
},
'convo-2': {
...makeConversation('convo-2'),
type: 'group',
isGroupV1AndDisabled: true,
name: '2',
title: 'Should Be Dropped (GV1)',
},
'convo-3': {
...makeConversation('convo-3'),
type: 'group',
name: 'B',
title: 'B',
},
'convo-4': {
...makeConversation('convo-4'),
isBlocked: true,
name: '4',
title: 'Should Be Dropped (blocked)',
},
'convo-5': {
...makeConversation('convo-5'),
discoveredUnregisteredAt: new Date(1999, 3, 20).getTime(),
name: 'C',
title: 'C',
},
'convo-6': {
...makeConversation('convo-6'),
profileSharing: true,
name: 'Should Be Droped (no title)',
title: null,
},
'convo-7': {
...makeConversation('convo-7'),
discoveredUnregisteredAt: Date.now(),
name: '7',
title: 'Should Be Dropped (unregistered)',
},
});
return result;
};
it('returns no gv1, no blocked, no missing titles', () => {
const state = getRootStateWithConversations();
const result = getAllComposableConversations(state);
const ids = result.map(contact => contact.id);
assert.deepEqual(ids, [
'our-conversation-id',
'convo-1',
'convo-3',
'convo-5',
]);
});
});
describe('#getComposableContacts', () => {
const getRootState = (): StateType => {
const rootState = getEmptyRootState();
return {
...rootState,
conversations: {
...getEmptyState(),
conversationLookup: {
'our-conversation-id': {
...makeConversation('our-conversation-id'),
isMe: true,
},
},
},
user: {
...rootState.user,
ourConversationId: 'our-conversation-id',
i18n,
},
};
};
it('returns only direct contacts, including me', () => {
const state = {
...getRootState(),
conversations: {
...getEmptyState(),
conversationLookup: {
'convo-0': {
...makeConversation('convo-0'),
isMe: true,
profileSharing: false,
},
'convo-1': {
...makeConversation('convo-1'),
type: 'group' as const,
name: 'Friends!',
sharedGroupNames: [],
},
'convo-2': {
...makeConversation('convo-2'),
name: 'Alice',
},
},
},
};
const result = getComposableContacts(state);
const ids = result.map(group => group.id);
assert.deepEqual(ids, ['convo-0', 'convo-2']);
});
it('excludes blocked, unregistered, and missing name/profileSharing', () => {
const state = {
...getRootState(),
conversations: {
...getEmptyState(),
conversationLookup: {
'convo-0': {
...makeConversation('convo-0'),
name: 'Ex',
isBlocked: true,
},
'convo-1': {
...makeConversation('convo-1'),
name: 'Bob',
discoveredUnregisteredAt: Date.now(),
},
'convo-2': {
...makeConversation('convo-2'),
name: 'Charlie',
},
},
},
};
const result = getComposableContacts(state);
const ids = result.map(group => group.id);
assert.deepEqual(ids, ['convo-2']);
});
});
describe('#getCandidateContactsForNewGroup', () => {
const getRootState = (): StateType => {
const rootState = getEmptyRootState();
return {
...rootState,
conversations: {
...getEmptyState(),
conversationLookup: {
'our-conversation-id': {
...makeConversation('our-conversation-id'),
isMe: true,
},
},
},
user: {
...rootState.user,
ourConversationId: 'our-conversation-id',
i18n,
},
};
};
it('returns only direct contacts, without me', () => {
const state = {
...getRootState(),
conversations: {
...getEmptyState(),
conversationLookup: {
'convo-0': {
...makeConversation('convo-0'),
isMe: true,
name: 'Me!',
},
'convo-1': {
...makeConversation('convo-1'),
type: 'group' as const,
name: 'Friends!',
sharedGroupNames: [],
},
'convo-2': {
...makeConversation('convo-2'),
name: 'Alice',
},
},
},
};
const result = getCandidateContactsForNewGroup(state);
const ids = result.map(group => group.id);
assert.deepEqual(ids, ['convo-2']);
});
it('excludes blocked, unregistered, and missing name/profileSharing', () => {
const state = {
...getRootState(),
conversations: {
...getEmptyState(),
conversationLookup: {
'convo-0': {
...makeConversation('convo-0'),
name: 'Ex',
isBlocked: true,
},
'convo-1': {
...makeConversation('convo-1'),
name: 'Bob',
discoveredUnregisteredAt: Date.now(),
},
'convo-2': {
...makeConversation('convo-2'),
name: 'Charlie',
},
},
},
};
const result = getCandidateContactsForNewGroup(state);
const ids = result.map(group => group.id);
assert.deepEqual(ids, ['convo-2']);
});
});
describe('#getComposableGroups', () => {
const getRootState = (): StateType => {
const rootState = getEmptyRootState();
return {
...rootState,
conversations: {
...getEmptyState(),
conversationLookup: {
'our-conversation-id': {
...makeConversation('our-conversation-id'),
isMe: true,
},
},
},
user: {
...rootState.user,
ourConversationId: 'our-conversation-id',
i18n,
},
};
};
it('returns only groups with name', () => {
const state = {
...getRootState(),
conversations: {
...getEmptyState(),
conversationLookup: {
'convo-0': {
...makeConversation('convo-0'),
isMe: true,
name: 'Me!',
},
'convo-1': {
...makeConversation('convo-1'),
type: 'group' as const,
name: 'Friends!',
sharedGroupNames: [],
},
'convo-2': {
...makeConversation('convo-2'),
type: 'group' as const,
sharedGroupNames: [],
},
},
},
};
const result = getComposableGroups(state);
const ids = result.map(group => group.id);
assert.deepEqual(ids, ['convo-1']);
});
it('excludes blocked, and missing name/profileSharing', () => {
const state = {
...getRootState(),
conversations: {
...getEmptyState(),
conversationLookup: {
'convo-0': {
...makeConversation('convo-0'),
type: 'group' as const,
name: 'Family!',
isBlocked: true,
sharedGroupNames: [],
},
'convo-1': {
...makeConversation('convo-1'),
type: 'group' as const,
name: 'Friends!',
sharedGroupNames: [],
},
'convo-2': {
...makeConversation('convo-2'),
type: 'group' as const,
sharedGroupNames: [],
},
},
},
};
const result = getComposableGroups(state);
const ids = result.map(group => group.id);
assert.deepEqual(ids, ['convo-1']);
});
});
describe('#getFilteredComposeContacts', () => {
const getRootState = (searchTerm = ''): StateType => {
const rootState = getEmptyRootState();
return {
...rootState,
conversations: {
...getEmptyState(),
conversationLookup: {
'our-conversation-id': {
...makeConversation('our-conversation-id'),
name: 'Me, Myself, and I',
title: 'Me, Myself, and I',
searchableTitle: 'Note to Self',
isMe: true,
},
},
composer: {
...defaultStartDirectConversationComposerState,
searchTerm,
},
},
user: {
...rootState.user,
ourConversationId: 'our-conversation-id',
i18n,
},
};
};
const getRootStateWithConversations = (searchTerm = ''): StateType => {
const result = getRootState(searchTerm);
Object.assign(result.conversations.conversationLookup, {
'convo-1': {
...makeConversation('convo-1'),
name: 'In System Contacts',
title: 'A. Sorted First',
},
'convo-2': {
...makeConversation('convo-2'),
title: 'Should Be Dropped (no name, no profile sharing)',
},
'convo-3': {
...makeConversation('convo-3'),
type: 'group',
title: 'Should Be Dropped (group)',
},
'convo-4': {
...makeConversation('convo-4'),
isBlocked: true,
title: 'Should Be Dropped (blocked)',
},
'convo-5': {
...makeConversation('convo-5'),
discoveredUnregisteredAt: new Date(1999, 3, 20).getTime(),
name: 'In System Contacts (and unregistered too long ago)',
title: 'B. Sorted Second',
},
'convo-6': {
...makeConversation('convo-6'),
profileSharing: true,
profileName: 'C. Has Profile Sharing',
title: 'C. Has Profile Sharing',
},
'convo-7': {
...makeConversation('convo-7'),
discoveredUnregisteredAt: Date.now(),
title: 'Should Be Dropped (unregistered)',
},
});
return result;
};
it('returns no results when there are no contacts', () => {
const state = getRootState('foo bar baz');
const result = getFilteredComposeContacts(state);
assert.isEmpty(result);
});
it('includes Note to Self with no search term', () => {
const state = getRootStateWithConversations();
const result = getFilteredComposeContacts(state);
const ids = result.map(contact => contact.id);
assert.deepEqual(ids, [
'convo-1',
'convo-5',
'convo-6',
'our-conversation-id',
]);
});
it('can search for contacts', () => {
const state = getRootStateWithConversations('in system');
const result = getFilteredComposeContacts(state);
const ids = result.map(contact => contact.id);
// NOTE: convo-6 matches because you can't write "Sharing" without "in"
assert.deepEqual(ids, ['convo-1', 'convo-5', 'convo-6']);
});
it('can search for note to self', () => {
const state = getRootStateWithConversations('note');
const result = getFilteredComposeContacts(state);
const ids = result.map(contact => contact.id);
assert.deepEqual(ids, ['our-conversation-id']);
});
it('returns note to self when searching for your own name', () => {
const state = getRootStateWithConversations('Myself');
const result = getFilteredComposeContacts(state);
const ids = result.map(contact => contact.id);
assert.deepEqual(ids, ['our-conversation-id']);
});
});
describe('#getFilteredComposeGroups', () => {
const getState = (searchTerm = ''): StateType => {
const rootState = getEmptyRootState();
return {
...rootState,
conversations: {
...getEmptyState(),
conversationLookup: {
'our-conversation-id': {
...makeConversation('our-conversation-id'),
isMe: true,
},
'convo-1': {
...makeConversation('convo-1'),
name: 'In System Contacts',
title: 'Should be dropped (contact)',
},
'convo-2': {
...makeConversation('convo-2'),
title: 'Should be dropped (contact)',
},
'convo-3': {
...makeConversation('convo-3'),
type: 'group',
name: 'Hello World',
title: 'Hello World',
sharedGroupNames: [],
},
'convo-4': {
...makeConversation('convo-4'),
type: 'group',
isBlocked: true,
title: 'Should be dropped (blocked)',
sharedGroupNames: [],
},
'convo-5': {
...makeConversation('convo-5'),
type: 'group',
title: 'Unknown Group',
sharedGroupNames: [],
},
'convo-6': {
...makeConversation('convo-6'),
type: 'group',
name: 'Signal',
title: 'Signal',
sharedGroupNames: [],
},
'convo-7': {
...makeConversation('convo-7'),
profileSharing: false,
type: 'group',
name: 'Signal Fake',
title: 'Signal Fake',
sharedGroupNames: [],
},
},
composer: {
...defaultStartDirectConversationComposerState,
searchTerm,
},
},
user: {
...rootState.user,
ourConversationId: 'our-conversation-id',
i18n,
},
};
};
it('can search for groups', () => {
const state = getState('hello');
const result = getFilteredComposeGroups(state);
const ids = result.map(group => group.id);
assert.deepEqual(ids, ['convo-3']);
});
it('does not return unknown groups when getting all groups (no search term)', () => {
const state = getState();
const result = getFilteredComposeGroups(state);
const ids = result.map(group => group.id);
assert.deepEqual(ids, ['convo-3', 'convo-6', 'convo-7']);
});
});
describe('#getFilteredCandidateContactsForNewGroup', () => {
const getRootState = (searchTerm = ''): StateType => {
const rootState = getEmptyRootState();
return {
...rootState,
conversations: {
...getEmptyState(),
conversationLookup: {
'our-conversation-id': {
...makeConversation('our-conversation-id'),
isMe: true,
},
'convo-1': {
...makeConversation('convo-1'),
name: 'In System Contacts',
title: 'A. Sorted First',
},
'convo-2': {
...makeConversation('convo-2'),
title: 'Should be dropped (has no name)',
},
'convo-3': {
...makeConversation('convo-3'),
type: 'group',
title: 'Should Be Dropped (group)',
sharedGroupNames: [],
},
'convo-4': {
...makeConversation('convo-4'),
isBlocked: true,
name: 'My Name',
title: 'Should Be Dropped (blocked)',
},
'convo-5': {
...makeConversation('convo-5'),
discoveredUnregisteredAt: new Date(1999, 3, 20).getTime(),
name: 'In System Contacts (and unregistered too long ago)',
title: 'C. Sorted Third',
},
'convo-6': {
...makeConversation('convo-6'),
discoveredUnregisteredAt: Date.now(),
name: 'My Name',
title: 'Should Be Dropped (unregistered)',
},
},
composer: {
...defaultChooseGroupMembersComposerState,
searchTerm,
},
},
user: {
...rootState.user,
ourConversationId: 'our-conversation-id',
i18n,
},
};
};
it('returns sorted contacts when there is no search term', () => {
const state = getRootState();
const result = getFilteredCandidateContactsForNewGroup(state);
const ids = result.map(contact => contact.id);
assert.deepEqual(ids, ['convo-1', 'convo-5']);
});
it('can search for contacts', () => {
const state = getRootState('system contacts');
const result = getFilteredCandidateContactsForNewGroup(state);
const ids = result.map(contact => contact.id);
assert.deepEqual(ids, ['convo-1', 'convo-5']);
});
});
describe('#getCantAddContactForModal', () => {
it('returns undefined if not in the "choose group members" composer step', () => {
assert.isUndefined(getCantAddContactForModal(getEmptyRootState()));
assert.isUndefined(
getCantAddContactForModal({
...getEmptyRootState(),
conversations: {
...getEmptyState(),
composer: defaultStartDirectConversationComposerState,
},
})
);
});
it("returns undefined if there's no contact marked", () => {
assert.isUndefined(
getCantAddContactForModal({
...getEmptyRootState(),
conversations: {
...getEmptyState(),
composer: defaultChooseGroupMembersComposerState,
},
})
);
});
it('returns the marked contact', () => {
const conversation = makeConversation('abc123');
assert.deepEqual(
getCantAddContactForModal({
...getEmptyRootState(),
conversations: {
...getEmptyState(),
conversationLookup: { abc123: conversation },
composer: {
...defaultChooseGroupMembersComposerState,
cantAddContactIdForModal: 'abc123',
},
},
}),
conversation
);
});
});
describe('#getComposerConversationSearchTerm', () => {
it("returns the composer's contact search term", () => {
assert.strictEqual(
getComposerConversationSearchTerm({
...getEmptyRootState(),
conversations: {
...getEmptyState(),
composer: {
...defaultStartDirectConversationComposerState,
searchTerm: 'foo bar',
},
},
}),
'foo bar'
);
});
});
describe('#_getLeftPaneLists', () => {
it('sorts conversations based on timestamp then by intl-friendly title', () => {
const data: ConversationLookupType = {
id1: getDefaultConversation({
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: {
...getDefaultConversation(),
name: 'Someone There',
phoneNumber: '+18005551111',
},
acceptedMessageRequest: true,
}),
id2: getDefaultConversation({
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: {
...getDefaultConversation(),
name: 'Someone There',
phoneNumber: '+18005551111',
},
acceptedMessageRequest: true,
}),
id3: getDefaultConversation({
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: {
...getDefaultConversation(),
name: 'Someone There',
phoneNumber: '+18005551111',
},
acceptedMessageRequest: true,
}),
id4: getDefaultConversation({
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: {
...getDefaultConversation(),
name: 'Someone There',
phoneNumber: '+18005551111',
},
acceptedMessageRequest: true,
}),
id5: getDefaultConversation({
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: {
...getDefaultConversation(),
name: 'Someone There',
phoneNumber: '+18005551111',
},
acceptedMessageRequest: true,
}),
};
const comparator = _getConversationComparator();
const {
archivedConversations,
conversations,
pinnedConversations,
} = _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');
assert.strictEqual(conversations.length, 5);
assert.strictEqual(archivedConversations.length, 0);
assert.strictEqual(pinnedConversations.length, 0);
});
describe('given pinned conversations', () => {
it('sorts pinned conversations based on order in storage', () => {
const data: ConversationLookupType = {
pin2: getDefaultConversation({
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: {
...getDefaultConversation(),
name: 'Someone There',
phoneNumber: '+18005551111',
},
acceptedMessageRequest: true,
}),
pin3: getDefaultConversation({
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: {
...getDefaultConversation(),
name: 'Someone There',
phoneNumber: '+18005551111',
},
acceptedMessageRequest: true,
}),
pin1: getDefaultConversation({
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: {
...getDefaultConversation(),
name: 'Someone There',
phoneNumber: '+18005551111',
},
acceptedMessageRequest: true,
}),
};
const pinnedConversationIds = ['pin1', 'pin2', 'pin3'];
const comparator = _getConversationComparator();
const {
archivedConversations,
conversations,
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');
assert.strictEqual(archivedConversations.length, 0);
assert.strictEqual(conversations.length, 0);
});
it('includes archived and pinned conversations with no active_at', () => {
const data: ConversationLookupType = {
pin2: getDefaultConversation({
id: 'pin2',
e164: '+18005551111',
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: {
...getDefaultConversation(),
name: 'Someone There',
phoneNumber: '+18005551111',
},
acceptedMessageRequest: true,
}),
pin3: getDefaultConversation({
id: 'pin3',
e164: '+18005551111',
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: {
...getDefaultConversation(),
name: 'Someone There',
phoneNumber: '+18005551111',
},
acceptedMessageRequest: true,
}),
pin1: getDefaultConversation({
id: 'pin1',
e164: '+18005551111',
name: 'Pin One',
timestamp: 30,
inboxPosition: 30,
phoneNumber: 'notused',
isArchived: true,
isPinned: true,
markedUnread: false,
type: 'direct',
isMe: false,
lastUpdated: Date.now(),
title: 'Pin One',
unreadCount: 1,
isSelected: false,
typingContact: {
...getDefaultConversation(),
name: 'Someone There',
phoneNumber: '+18005551111',
},
acceptedMessageRequest: true,
}),
pin4: getDefaultConversation({
id: 'pin1',
e164: '+18005551111',
name: 'Pin Four',
timestamp: 30,
inboxPosition: 30,
phoneNumber: 'notused',
activeAt: Date.now(),
isArchived: true,
isPinned: false,
markedUnread: false,
type: 'direct',
isMe: false,
lastUpdated: Date.now(),
title: 'Pin One',
unreadCount: 1,
isSelected: false,
typingContact: {
...getDefaultConversation(),
name: 'Someone There',
phoneNumber: '+18005551111',
},
acceptedMessageRequest: true,
}),
pin5: getDefaultConversation({
id: 'pin1',
e164: '+18005551111',
name: 'Pin Five',
timestamp: 30,
inboxPosition: 30,
phoneNumber: 'notused',
isArchived: false,
isPinned: false,
markedUnread: false,
type: 'direct',
isMe: false,
lastUpdated: Date.now(),
title: 'Pin One',
unreadCount: 1,
isSelected: false,
typingContact: {
...getDefaultConversation(),
name: 'Someone There',
phoneNumber: '+18005551111',
},
acceptedMessageRequest: true,
}),
};
const pinnedConversationIds = ['pin1', 'pin2', 'pin3'];
const comparator = _getConversationComparator();
const {
archivedConversations,
conversations,
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');
assert.strictEqual(pinnedConversations.length, 3);
assert.strictEqual(archivedConversations[0].name, 'Pin Four');
assert.strictEqual(archivedConversations.length, 1);
assert.strictEqual(conversations.length, 0);
});
});
});
describe('#getMaximumGroupSizeModalState', () => {
it('returns the modal state', () => {
const state = {
...getEmptyRootState(),
conversations: {
...getEmptyState(),
composer: {
...defaultChooseGroupMembersComposerState,
maximumGroupSizeModalState: OneTimeModalState.Showing,
},
},
};
assert.strictEqual(
getMaximumGroupSizeModalState(state),
OneTimeModalState.Showing
);
});
});
describe('#getRecommendedGroupSizeModalState', () => {
it('returns the modal state', () => {
const state = {
...getEmptyRootState(),
conversations: {
...getEmptyState(),
composer: {
...defaultChooseGroupMembersComposerState,
recommendedGroupSizeModalState: OneTimeModalState.Showing,
},
},
};
assert.strictEqual(
getRecommendedGroupSizeModalState(state),
OneTimeModalState.Showing
);
});
});
describe('#getComposeGroupAvatar', () => {
it('returns undefined if there is no group avatar', () => {
const state = {
...getEmptyRootState(),
conversations: {
...getEmptyState(),
composer: {
...defaultSetGroupMetadataComposerState,
groupAvatar: undefined,
},
},
};
assert.isUndefined(getComposeGroupAvatar(state));
});
it('returns the group avatar', () => {
const state = {
...getEmptyRootState(),
conversations: {
...getEmptyState(),
composer: {
...defaultSetGroupMetadataComposerState,
groupAvatar: new Uint8Array([1, 2, 3]),
},
},
};
assert.deepEqual(getComposeGroupAvatar(state), new Uint8Array([1, 2, 3]));
});
});
describe('#getComposeGroupName', () => {
it('returns the group name', () => {
const state = {
...getEmptyRootState(),
conversations: {
...getEmptyState(),
composer: {
...defaultSetGroupMetadataComposerState,
groupName: 'foo bar',
},
},
};
assert.deepEqual(getComposeGroupName(state), 'foo bar');
});
});
describe('#getComposeSelectedContacts', () => {
it("returns the composer's selected contacts", () => {
const state = {
...getEmptyRootState(),
conversations: {
...getEmptyState(),
conversationLookup: {
'convo-1': {
...makeConversation('convo-1'),
title: 'Person One',
},
'convo-2': {
...makeConversation('convo-2'),
title: 'Person Two',
},
},
composer: {
...defaultSetGroupMetadataComposerState,
selectedConversationIds: ['convo-2', 'convo-1'],
},
},
};
const titles = getComposeSelectedContacts(state).map(
contact => contact.title
);
assert.deepEqual(titles, ['Person Two', 'Person One']);
});
});
describe('#getConversationsByTitleSelector', () => {
it('returns a selector that finds conversations by title', () => {
const state = {
...getEmptyRootState(),
conversations: {
...getEmptyState(),
conversationLookup: {
abc: { ...makeConversation('abc'), title: 'Janet' },
def: { ...makeConversation('def'), title: 'Janet' },
geh: { ...makeConversation('geh'), title: 'Rick' },
},
},
};
const selector = getConversationsByTitleSelector(state);
assert.sameMembers(
selector('Janet').map(c => c.id),
['abc', 'def']
);
assert.sameMembers(
selector('Rick').map(c => c.id),
['geh']
);
assert.isEmpty(selector('abc'));
assert.isEmpty(selector('xyz'));
});
});
describe('#getSelectedConversationId', () => {
it('returns undefined if no conversation is selected', () => {
const state = {
...getEmptyRootState(),
conversations: {
...getEmptyState(),
conversationLookup: {
abc123: makeConversation('abc123'),
},
},
};
assert.isUndefined(getSelectedConversationId(state));
});
it('returns the selected conversation ID', () => {
const state = {
...getEmptyRootState(),
conversations: {
...getEmptyState(),
conversationLookup: {
abc123: makeConversation('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: makeConversation('abc123'),
},
},
};
assert.isUndefined(getSelectedConversation(state));
});
it('returns the selected conversation', () => {
const conversation = makeConversation('abc123');
const state = {
...getEmptyRootState(),
conversations: {
...getEmptyState(),
conversationLookup: {
abc123: conversation,
},
selectedConversationId: 'abc123',
},
};
assert.strictEqual(getSelectedConversation(state), conversation);
});
});
describe('#getContactNameColorSelector', () => {
function makeConversationWithUuid(id: string): ConversationType {
const convo = makeConversation(id);
convo.uuid = id;
return convo;
}
it('returns the right color order sorted by UUID ASC', () => {
const group = makeConversation('group');
group.type = 'group';
group.sortedGroupMembers = [
makeConversationWithUuid('zyx'),
makeConversationWithUuid('vut'),
makeConversationWithUuid('srq'),
makeConversationWithUuid('pon'),
makeConversationWithUuid('mlk'),
makeConversationWithUuid('jih'),
makeConversationWithUuid('gfe'),
];
const state = {
...getEmptyRootState(),
conversations: {
...getEmptyState(),
conversationLookup: {
group,
},
},
};
const contactNameColorSelector = getContactNameColorSelector(state);
assert.equal(contactNameColorSelector('group', 'gfe'), '200');
assert.equal(contactNameColorSelector('group', 'jih'), '120');
assert.equal(contactNameColorSelector('group', 'mlk'), '300');
assert.equal(contactNameColorSelector('group', 'pon'), '010');
assert.equal(contactNameColorSelector('group', 'srq'), '210');
assert.equal(contactNameColorSelector('group', 'vut'), '330');
assert.equal(contactNameColorSelector('group', 'zyx'), '230');
});
it('returns the right colors for direct conversation', () => {
const direct = makeConversation('theirId');
const emptyState = getEmptyRootState();
const state = {
...emptyState,
user: {
...emptyState.user,
ourConversationId: 'us',
},
conversations: {
...getEmptyState(),
conversationLookup: {
direct,
},
},
};
const contactNameColorSelector = getContactNameColorSelector(state);
assert.equal(contactNameColorSelector('direct', 'theirId'), '200');
assert.equal(contactNameColorSelector('direct', 'us'), '200');
});
});
});