Support for creating New Groups

ts/test-node/components/leftPane/LeftPaneChooseGroupMembersHelper_test.ts

@@ -0,0 +1,196 @@
+// Copyright 2021 Signal Messenger, LLC
+// SPDX-License-Identifier: AGPL-3.0-only
+
+import { assert } from 'chai';
+import * as sinon from 'sinon';
+import { times } from 'lodash';
+import { v4 as uuid } from 'uuid';
+import { RowType } from '../../../components/ConversationList';
+import * as remoteConfig from '../../../RemoteConfig';
+import { ContactCheckboxDisabledReason } from '../../../components/conversationList/ContactCheckbox';
+
+import { LeftPaneChooseGroupMembersHelper } from '../../../components/leftPane/LeftPaneChooseGroupMembersHelper';
+
+describe('LeftPaneChooseGroupMembersHelper', () => {
+  const defaults = {
+    candidateContacts: [],
+    cantAddContactForModal: undefined,
+    isShowingRecommendedGroupSizeModal: false,
+    isShowingMaximumGroupSizeModal: false,
+    searchTerm: '',
+    selectedContacts: [],
+  };
+
+  const fakeContact = () => ({
+    id: uuid(),
+    isGroupV2Capable: true,
+    title: uuid(),
+    type: 'direct' as const,
+  });
+
+  let sinonSandbox: sinon.SinonSandbox;
+
+  beforeEach(() => {
+    sinonSandbox = sinon.createSandbox();
+
+    sinonSandbox
+      .stub(remoteConfig, 'getValue')
+      .withArgs('global.groupsv2.maxGroupSize')
+      .returns('22')
+      .withArgs('global.groupsv2.groupSizeHardLimit')
+      .returns('33');
+  });
+
+  afterEach(() => {
+    sinonSandbox.restore();
+  });
+
+  describe('getRowCount', () => {
+    it('returns 0 if there are no contacts', () => {
+      assert.strictEqual(
+        new LeftPaneChooseGroupMembersHelper({
+          ...defaults,
+          candidateContacts: [],
+          searchTerm: '',
+          selectedContacts: [fakeContact()],
+        }).getRowCount(),
+        0
+      );
+      assert.strictEqual(
+        new LeftPaneChooseGroupMembersHelper({
+          ...defaults,
+          candidateContacts: [],
+          searchTerm: 'foo bar',
+          selectedContacts: [fakeContact()],
+        }).getRowCount(),
+        0
+      );
+    });
+
+    it('returns the number of candidate contacts + 2 if there are any', () => {
+      assert.strictEqual(
+        new LeftPaneChooseGroupMembersHelper({
+          ...defaults,
+          candidateContacts: [fakeContact(), fakeContact()],
+          searchTerm: '',
+          selectedContacts: [fakeContact()],
+        }).getRowCount(),
+        4
+      );
+    });
+  });
+
+  describe('getRow', () => {
+    it('returns undefined if there are no contacts', () => {
+      assert.isUndefined(
+        new LeftPaneChooseGroupMembersHelper({
+          ...defaults,
+          candidateContacts: [],
+          searchTerm: '',
+          selectedContacts: [fakeContact()],
+        }).getRow(0)
+      );
+      assert.isUndefined(
+        new LeftPaneChooseGroupMembersHelper({
+          ...defaults,
+          candidateContacts: [],
+          searchTerm: '',
+          selectedContacts: [fakeContact()],
+        }).getRow(99)
+      );
+      assert.isUndefined(
+        new LeftPaneChooseGroupMembersHelper({
+          ...defaults,
+          candidateContacts: [],
+          searchTerm: 'foo bar',
+          selectedContacts: [fakeContact()],
+        }).getRow(0)
+      );
+    });
+
+    it('returns a header, then the contacts, then a blank space if there are contacts', () => {
+      const candidateContacts = [fakeContact(), fakeContact()];
+      const helper = new LeftPaneChooseGroupMembersHelper({
+        ...defaults,
+        candidateContacts,
+        searchTerm: 'foo bar',
+        selectedContacts: [candidateContacts[1]],
+      });
+
+      assert.deepEqual(helper.getRow(0), {
+        type: RowType.Header,
+        i18nKey: 'contactsHeader',
+      });
+      assert.deepEqual(helper.getRow(1), {
+        type: RowType.ContactCheckbox,
+        contact: candidateContacts[0],
+        isChecked: false,
+        disabledReason: undefined,
+      });
+      assert.deepEqual(helper.getRow(2), {
+        type: RowType.ContactCheckbox,
+        contact: candidateContacts[1],
+        isChecked: true,
+        disabledReason: undefined,
+      });
+      assert.deepEqual(helper.getRow(3), { type: RowType.Blank });
+    });
+
+    it("disables non-selected contact checkboxes if you've selected the maximum number of contacts", () => {
+      const candidateContacts = times(50, () => fakeContact());
+      const helper = new LeftPaneChooseGroupMembersHelper({
+        ...defaults,
+        candidateContacts,
+        searchTerm: 'foo bar',
+        selectedContacts: candidateContacts.slice(1, 33),
+      });
+
+      assert.deepEqual(helper.getRow(1), {
+        type: RowType.ContactCheckbox,
+        contact: candidateContacts[0],
+        isChecked: false,
+        disabledReason: ContactCheckboxDisabledReason.MaximumContactsSelected,
+      });
+      assert.deepEqual(helper.getRow(2), {
+        type: RowType.ContactCheckbox,
+        contact: candidateContacts[1],
+        isChecked: true,
+        disabledReason: undefined,
+      });
+    });
+
+    it("disables contacts that aren't GV2-capable, unless they are already selected somehow", () => {
+      const candidateContacts = [
+        { ...fakeContact(), isGroupV2Capable: false },
+        { ...fakeContact(), isGroupV2Capable: undefined },
+        { ...fakeContact(), isGroupV2Capable: false },
+      ];
+
+      const helper = new LeftPaneChooseGroupMembersHelper({
+        ...defaults,
+        candidateContacts,
+        searchTerm: 'foo bar',
+        selectedContacts: [candidateContacts[2]],
+      });
+
+      assert.deepEqual(helper.getRow(1), {
+        type: RowType.ContactCheckbox,
+        contact: candidateContacts[0],
+        isChecked: false,
+        disabledReason: ContactCheckboxDisabledReason.NotCapable,
+      });
+      assert.deepEqual(helper.getRow(2), {
+        type: RowType.ContactCheckbox,
+        contact: candidateContacts[1],
+        isChecked: false,
+        disabledReason: ContactCheckboxDisabledReason.NotCapable,
+      });
+      assert.deepEqual(helper.getRow(3), {
+        type: RowType.ContactCheckbox,
+        contact: candidateContacts[2],
+        isChecked: true,
+        disabledReason: undefined,
+      });
+    });
+  });
+});