Add "new conversation" composer for direct messages

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

@@ -0,0 +1,331 @@
+// Copyright 2021 Signal Messenger, LLC
+// SPDX-License-Identifier: AGPL-3.0-only
+
+import { assert } from 'chai';
+import { v4 as uuid } from 'uuid';
+import { RowType } from '../../../components/ConversationList';
+
+import { LeftPaneSearchHelper } from '../../../components/leftPane/LeftPaneSearchHelper';
+
+describe('LeftPaneSearchHelper', () => {
+  const fakeConversation = () => ({
+    id: uuid(),
+    title: uuid(),
+    type: 'direct' as const,
+  });
+
+  const fakeMessage = () => ({
+    id: uuid(),
+    conversationId: uuid(),
+  });
+
+  describe('getRowCount', () => {
+    it('returns 0 when there are no search results', () => {
+      const helper = new LeftPaneSearchHelper({
+        conversationResults: { isLoading: false, results: [] },
+        contactResults: { isLoading: false, results: [] },
+        messageResults: { isLoading: false, results: [] },
+        searchTerm: 'foo',
+      });
+
+      assert.strictEqual(helper.getRowCount(), 0);
+    });
+
+    it("returns 2 rows for each section of search results that's loading", () => {
+      const helper = new LeftPaneSearchHelper({
+        conversationResults: { isLoading: true },
+        contactResults: { isLoading: false, results: [] },
+        messageResults: { isLoading: true },
+        searchTerm: 'foo',
+      });
+
+      assert.strictEqual(helper.getRowCount(), 4);
+    });
+
+    it('returns 1 + the number of results, dropping empty sections', () => {
+      const helper = new LeftPaneSearchHelper({
+        conversationResults: {
+          isLoading: false,
+          results: [fakeConversation(), fakeConversation()],
+        },
+        contactResults: { isLoading: false, results: [] },
+        messageResults: { isLoading: false, results: [fakeMessage()] },
+        searchTerm: 'foo',
+      });
+
+      assert.strictEqual(helper.getRowCount(), 5);
+    });
+  });
+
+  describe('getRow', () => {
+    it('returns header + spinner for loading sections', () => {
+      const helper = new LeftPaneSearchHelper({
+        conversationResults: { isLoading: true },
+        contactResults: { isLoading: true },
+        messageResults: { isLoading: true },
+        searchTerm: 'foo',
+      });
+
+      assert.deepEqual(helper.getRow(0), {
+        type: RowType.Header,
+        i18nKey: 'conversationsHeader',
+      });
+      assert.deepEqual(helper.getRow(1), {
+        type: RowType.Spinner,
+      });
+      assert.deepEqual(helper.getRow(2), {
+        type: RowType.Header,
+        i18nKey: 'contactsHeader',
+      });
+      assert.deepEqual(helper.getRow(3), {
+        type: RowType.Spinner,
+      });
+      assert.deepEqual(helper.getRow(4), {
+        type: RowType.Header,
+        i18nKey: 'messagesHeader',
+      });
+      assert.deepEqual(helper.getRow(5), {
+        type: RowType.Spinner,
+      });
+    });
+
+    it('returns header + results when all sections have loaded with results', () => {
+      const conversations = [fakeConversation(), fakeConversation()];
+      const contacts = [fakeConversation()];
+      const messages = [fakeMessage(), fakeMessage()];
+
+      const helper = new LeftPaneSearchHelper({
+        conversationResults: {
+          isLoading: false,
+          results: conversations,
+        },
+        contactResults: { isLoading: false, results: contacts },
+        messageResults: { isLoading: false, results: messages },
+        searchTerm: 'foo',
+      });
+
+      assert.deepEqual(helper.getRow(0), {
+        type: RowType.Header,
+        i18nKey: 'conversationsHeader',
+      });
+      assert.deepEqual(helper.getRow(1), {
+        type: RowType.Conversation,
+        conversation: conversations[0],
+      });
+      assert.deepEqual(helper.getRow(2), {
+        type: RowType.Conversation,
+        conversation: conversations[1],
+      });
+      assert.deepEqual(helper.getRow(3), {
+        type: RowType.Header,
+        i18nKey: 'contactsHeader',
+      });
+      assert.deepEqual(helper.getRow(4), {
+        type: RowType.Conversation,
+        conversation: contacts[0],
+      });
+      assert.deepEqual(helper.getRow(5), {
+        type: RowType.Header,
+        i18nKey: 'messagesHeader',
+      });
+      assert.deepEqual(helper.getRow(6), {
+        type: RowType.MessageSearchResult,
+        messageId: messages[0].id,
+      });
+      assert.deepEqual(helper.getRow(7), {
+        type: RowType.MessageSearchResult,
+        messageId: messages[1].id,
+      });
+    });
+
+    it('omits conversations when there are no conversation results', () => {
+      const contacts = [fakeConversation()];
+      const messages = [fakeMessage(), fakeMessage()];
+
+      const helper = new LeftPaneSearchHelper({
+        conversationResults: {
+          isLoading: false,
+          results: [],
+        },
+        contactResults: { isLoading: false, results: contacts },
+        messageResults: { isLoading: false, results: messages },
+        searchTerm: 'foo',
+      });
+
+      assert.deepEqual(helper.getRow(0), {
+        type: RowType.Header,
+        i18nKey: 'contactsHeader',
+      });
+      assert.deepEqual(helper.getRow(1), {
+        type: RowType.Conversation,
+        conversation: contacts[0],
+      });
+      assert.deepEqual(helper.getRow(2), {
+        type: RowType.Header,
+        i18nKey: 'messagesHeader',
+      });
+      assert.deepEqual(helper.getRow(3), {
+        type: RowType.MessageSearchResult,
+        messageId: messages[0].id,
+      });
+      assert.deepEqual(helper.getRow(4), {
+        type: RowType.MessageSearchResult,
+        messageId: messages[1].id,
+      });
+    });
+
+    it('omits contacts when there are no contact results', () => {
+      const conversations = [fakeConversation(), fakeConversation()];
+      const messages = [fakeMessage(), fakeMessage()];
+
+      const helper = new LeftPaneSearchHelper({
+        conversationResults: {
+          isLoading: false,
+          results: conversations,
+        },
+        contactResults: { isLoading: false, results: [] },
+        messageResults: { isLoading: false, results: messages },
+        searchTerm: 'foo',
+      });
+
+      assert.deepEqual(helper.getRow(0), {
+        type: RowType.Header,
+        i18nKey: 'conversationsHeader',
+      });
+      assert.deepEqual(helper.getRow(1), {
+        type: RowType.Conversation,
+        conversation: conversations[0],
+      });
+      assert.deepEqual(helper.getRow(2), {
+        type: RowType.Conversation,
+        conversation: conversations[1],
+      });
+      assert.deepEqual(helper.getRow(3), {
+        type: RowType.Header,
+        i18nKey: 'messagesHeader',
+      });
+      assert.deepEqual(helper.getRow(4), {
+        type: RowType.MessageSearchResult,
+        messageId: messages[0].id,
+      });
+      assert.deepEqual(helper.getRow(5), {
+        type: RowType.MessageSearchResult,
+        messageId: messages[1].id,
+      });
+    });
+  });
+
+  it('omits messages when there are no message results', () => {
+    const conversations = [fakeConversation(), fakeConversation()];
+    const contacts = [fakeConversation()];
+
+    const helper = new LeftPaneSearchHelper({
+      conversationResults: {
+        isLoading: false,
+        results: conversations,
+      },
+      contactResults: { isLoading: false, results: contacts },
+      messageResults: { isLoading: false, results: [] },
+      searchTerm: 'foo',
+    });
+
+    assert.deepEqual(helper.getRow(0), {
+      type: RowType.Header,
+      i18nKey: 'conversationsHeader',
+    });
+    assert.deepEqual(helper.getRow(1), {
+      type: RowType.Conversation,
+      conversation: conversations[0],
+    });
+    assert.deepEqual(helper.getRow(2), {
+      type: RowType.Conversation,
+      conversation: conversations[1],
+    });
+    assert.deepEqual(helper.getRow(3), {
+      type: RowType.Header,
+      i18nKey: 'contactsHeader',
+    });
+    assert.deepEqual(helper.getRow(4), {
+      type: RowType.Conversation,
+      conversation: contacts[0],
+    });
+    assert.isUndefined(helper.getRow(5));
+  });
+
+  describe('shouldRecomputeRowHeights', () => {
+    it("returns false if the number of results doesn't change", () => {
+      const helper = new LeftPaneSearchHelper({
+        conversationResults: {
+          isLoading: false,
+          results: [fakeConversation(), fakeConversation()],
+        },
+        contactResults: { isLoading: false, results: [] },
+        messageResults: {
+          isLoading: false,
+          results: [fakeMessage(), fakeMessage(), fakeMessage()],
+        },
+        searchTerm: 'foo',
+      });
+
+      assert.isFalse(
+        helper.shouldRecomputeRowHeights({
+          conversationResults: {
+            isLoading: false,
+            results: [fakeConversation(), fakeConversation()],
+          },
+          contactResults: { isLoading: false, results: [] },
+          messageResults: {
+            isLoading: false,
+            results: [fakeMessage(), fakeMessage(), fakeMessage()],
+          },
+          searchTerm: 'bar',
+        })
+      );
+    });
+
+    it('returns false when a section goes from loading to loaded with 1 result', () => {
+      const helper = new LeftPaneSearchHelper({
+        conversationResults: { isLoading: true },
+        contactResults: { isLoading: true },
+        messageResults: { isLoading: true },
+        searchTerm: 'foo',
+      });
+
+      assert.isFalse(
+        helper.shouldRecomputeRowHeights({
+          conversationResults: {
+            isLoading: false,
+            results: [fakeConversation()],
+          },
+          contactResults: { isLoading: true },
+          messageResults: { isLoading: true },
+          searchTerm: 'bar',
+        })
+      );
+    });
+
+    it('returns true if the number of results in a section changes', () => {
+      const helper = new LeftPaneSearchHelper({
+        conversationResults: {
+          isLoading: false,
+          results: [fakeConversation(), fakeConversation()],
+        },
+        contactResults: { isLoading: false, results: [] },
+        messageResults: { isLoading: false, results: [] },
+        searchTerm: 'foo',
+      });
+
+      assert.isTrue(
+        helper.shouldRecomputeRowHeights({
+          conversationResults: {
+            isLoading: false,
+            results: [fakeConversation()],
+          },
+          contactResults: { isLoading: true },
+          messageResults: { isLoading: true },
+          searchTerm: 'bar',
+        })
+      );
+    });
+  });
+});