@nyaruka/temba-components 0.41.6 → 0.42.0

package/out-tsc/test/temba-contact-chat.test.js

@@ -1,7 +1,7 @@
-import { expect } from '@open-wc/testing';
 import { useFakeTimers } from 'sinon';
 import { CustomEventType } from '../src/interfaces';
-import { assertScreenshot, getClip, getComponent, loadStore, mockGET, mockNow, } from '../test/utils.test';
+import { assertScreenshot, clearMockPosts, getClip, getComponent, loadStore, mockGET, mockNow, mockPOST, } from '../test/utils.test';
+import { getFailText, getSuccessFiles, getSuccessText, updateComponent, } from './temba-compose.test';
 let clock;
 mockNow('2021-03-31T00:31:00.000-00:00');
 const TAG = 'temba-contact-chat';
@@ -49,12 +49,6 @@ describe('temba-contact-chat - contact tests', () => {
         const chat = await getContactChat({
             contact: 'contact-dave-active',
         });
-        const chatHistoryEl = chat.shadowRoot.querySelector('temba-contact-history');
-        expect(chatHistoryEl).to.not.equal(null);
-        const chatboxDivEl = chat.shadowRoot.querySelector('.chatbox');
-        expect(chatboxDivEl).to.not.equal(null);
-        const reopenButton = chat.shadowRoot.querySelector('temba-button#reopen-button');
-        expect(reopenButton).to.equal(null);
         await assertScreenshot('contacts/contact-active-show-chatbox', getClip(chat));
     });
     it('show history and hide chatbox if contact is archived', async () => {
@@ -63,12 +57,6 @@ describe('temba-contact-chat - contact tests', () => {
         const chat = await getContactChat({
             contact: 'contact-barack-archived',
         });
-        const chatHistoryEl = chat.shadowRoot.querySelector('temba-contact-history');
-        expect(chatHistoryEl).to.not.equal(null);
-        const chatboxDiv = chat.shadowRoot.querySelector('.chatbox');
-        expect(chatboxDiv).to.equal(null);
-        const reopenButton = chat.shadowRoot.querySelector('temba-button#reopen-button');
-        expect(reopenButton).to.equal(null);
         await assertScreenshot('contacts/contact-archived-hide-chatbox', getClip(chat));
     });
     it('show history and hide chatbox if contact is blocked', async () => {
@@ -77,12 +65,6 @@ describe('temba-contact-chat - contact tests', () => {
         const chat = await getContactChat({
             contact: 'contact-michelle-blocked',
         });
-        const chatHistoryEl = chat.shadowRoot.querySelector('temba-contact-history');
-        expect(chatHistoryEl).to.not.equal(null);
-        const chatboxDiv = chat.shadowRoot.querySelector('.chatbox');
-        expect(chatboxDiv).to.equal(null);
-        const reopenButton = chat.shadowRoot.querySelector('temba-button#reopen-button');
-        expect(reopenButton).to.equal(null);
         await assertScreenshot('contacts/contact-blocked-hide-chatbox', getClip(chat));
     });
     it('show history and hide chatbox if contact is stopped', async () => {
@@ -91,15 +73,210 @@ describe('temba-contact-chat - contact tests', () => {
         const chat = await getContactChat({
             contact: 'contact-tim-stopped',
         });
-        const chatHistoryEl = chat.shadowRoot.querySelector('temba-contact-history');
-        expect(chatHistoryEl).to.not.equal(null, 'Chat history missing');
-        const chatboxDiv = chat.shadowRoot.querySelector('.chatbox');
-        expect(chatboxDiv).to.equal(null);
-        const reopenButton = chat.shadowRoot.querySelector('temba-button#reopen-button');
-        expect(reopenButton).to.equal(null);
         await assertScreenshot('contacts/contact-stopped-hide-chatbox', getClip(chat));
     });
 });
+describe('temba-contact-chat - contact tests - handle send tests - text no attachments', () => {
+    beforeEach(() => {
+        clearMockPosts();
+        mockGET(/\/contact\/history\/contact-.*/, '/test-assets/contacts/history.json');
+        clock = useFakeTimers();
+    });
+    afterEach(function () {
+        clock.restore();
+    });
+    it('with text no attachments - success', async () => {
+        // we are a StoreElement, so load a store first
+        await loadStore();
+        const chat = await getContactChat({
+            contact: 'contact-dave-active',
+        });
+        const compose = chat.shadowRoot.querySelector('temba-compose');
+        await updateComponent(compose, getSuccessText());
+        const response_body = {
+            contacts: [{ uuid: 'contact-dave-active', name: 'Dave Matthews' }],
+            text: { eng: 'sà-wàd-dee!' },
+            attachments: { eng: [] },
+        };
+        mockPOST(/api\/v2\/broadcasts\.json/, response_body);
+        const send = compose.shadowRoot.querySelector('temba-button#send-button');
+        send.click();
+        await assertScreenshot('contacts/compose-text-no-attachments-success', getClip(chat));
+    });
+    it('with text no attachments - failure - more than 640 chars', async () => {
+        // we are a StoreElement, so load a store first
+        await loadStore();
+        const chat = await getContactChat({
+            contact: 'contact-dave-active',
+        });
+        const compose = chat.shadowRoot.querySelector('temba-compose');
+        // set the chatbox to a string that is 640+ chars
+        await updateComponent(compose, getFailText());
+        const response_body = {
+            text: { eng: ['Ensure this field has no more than 640 characters.'] },
+        };
+        const response_headers = {};
+        const response_status = '400';
+        mockPOST(/api\/v2\/broadcasts\.json/, response_body, response_headers, response_status);
+        const send = compose.shadowRoot.querySelector('temba-button#send-button');
+        send.click();
+        await assertScreenshot('contacts/compose-text-no-attachments-failure', getClip(chat));
+    });
+});
+describe('temba-contact-chat - contact tests - handle send tests - attachments no text', () => {
+    beforeEach(() => {
+        clearMockPosts();
+        mockGET(/\/contact\/history\/contact-.*/, '/test-assets/contacts/history.json');
+        clock = useFakeTimers();
+    });
+    afterEach(function () {
+        clock.restore();
+    });
+    it('with attachments no text - success', async () => {
+        // we are a StoreElement, so load a store first
+        await loadStore();
+        const chat = await getContactChat({
+            contact: 'contact-dave-active',
+        });
+        const compose = chat.shadowRoot.querySelector('temba-compose');
+        const attachments = getSuccessFiles();
+        await updateComponent(compose, null, attachments);
+        const response_body = {
+            contacts: [{ uuid: 'contact-dave-active', name: 'Dave Matthews' }],
+            text: { eng: '' },
+            attachments: { eng: attachments },
+        };
+        const response_headers = {};
+        const response_status = '200';
+        mockPOST(/api\/v2\/broadcasts\.json/, response_body, response_headers, response_status);
+        const send = compose.shadowRoot.querySelector('temba-button#send-button');
+        send.click();
+        await assertScreenshot('contacts/compose-attachments-no-text-success', getClip(chat));
+    });
+    it('with attachments no text - failure - more than 10 files', async () => {
+        // we are a StoreElement, so load a store first
+        await loadStore();
+        const chat = await getContactChat({
+            contact: 'contact-dave-active',
+        });
+        const compose = chat.shadowRoot.querySelector('temba-compose');
+        // set the attachments to a list that is 10+ items
+        await updateComponent(compose, null, getSuccessFiles(11));
+        const response_body = {
+            attachments: { eng: ['Ensure this field has no more than 10 elements.'] },
+        };
+        const response_headers = {};
+        const response_status = '400';
+        mockPOST(/api\/v2\/broadcasts\.json/, response_body, response_headers, response_status);
+        const send = compose.shadowRoot.querySelector('temba-button#send-button');
+        send.click();
+        await assertScreenshot('contacts/compose-attachments-no-text-failure', getClip(chat));
+    });
+});
+describe('temba-contact-chat - contact tests - handle send tests - text and attachments', () => {
+    beforeEach(() => {
+        clearMockPosts();
+        mockGET(/\/contact\/history\/contact-.*/, '/test-assets/contacts/history.json');
+        clock = useFakeTimers();
+    });
+    afterEach(function () {
+        clock.restore();
+    });
+    it('with text and attachments - success', async () => {
+        // we are a StoreElement, so load a store first
+        await loadStore();
+        const chat = await getContactChat({
+            contact: 'contact-dave-active',
+        });
+        const compose = chat.shadowRoot.querySelector('temba-compose');
+        await updateComponent(compose, getSuccessText(), getSuccessFiles());
+        const text = getSuccessText();
+        const attachments = getSuccessFiles();
+        const response_body = {
+            contacts: [{ uuid: 'contact-dave-active', name: 'Dave Matthews' }],
+            text: { eng: text },
+            attachments: { eng: attachments },
+        };
+        mockPOST(/api\/v2\/broadcasts\.json/, response_body);
+        const send = compose.shadowRoot.querySelector('temba-button#send-button');
+        send.click();
+        await assertScreenshot('contacts/compose-text-and-attachments-success', getClip(chat));
+    });
+    it('with text and attachments - failure - more than 640 chars', async () => {
+        // we are a StoreElement, so load a store first
+        await loadStore();
+        const chat = await getContactChat({
+            contact: 'contact-dave-active',
+        });
+        const compose = chat.shadowRoot.querySelector('temba-compose');
+        // set the chatbox to a string that is 640+ chars
+        await updateComponent(compose, getFailText(), getSuccessFiles());
+        const response_body = {
+            text: { eng: ['Ensure this field has no more than 640 characters.'] },
+        };
+        const response_headers = {};
+        const response_status = '400';
+        mockPOST(/api\/v2\/broadcasts\.json/, response_body, response_headers, response_status);
+        const send = compose.shadowRoot.querySelector('temba-button#send-button');
+        send.click();
+        await assertScreenshot('contacts/compose-text-and-attachments-failure-text', getClip(chat));
+    });
+    it('with text and attachments - failure - more than 10 files', async () => {
+        // we are a StoreElement, so load a store first
+        await loadStore();
+        const chat = await getContactChat({
+            contact: 'contact-dave-active',
+        });
+        const compose = chat.shadowRoot.querySelector('temba-compose');
+        // set the attachments to a list that is 10+ items
+        await updateComponent(compose, getSuccessText(), getSuccessFiles(11));
+        const response_body = {
+            attachments: { eng: ['Ensure this field has no more than 10 elements.'] },
+        };
+        const response_headers = {};
+        const response_status = '400';
+        mockPOST(/api\/v2\/broadcasts\.json/, response_body, response_headers, response_status);
+        const send = compose.shadowRoot.querySelector('temba-button#send-button');
+        send.click();
+        await assertScreenshot('contacts/compose-text-and-attachments-failure-attachments', getClip(chat));
+    });
+    it('with text and attachments - failure - more than 640 chars and more than 10 files', async () => {
+        // we are a StoreElement, so load a store first
+        await loadStore();
+        const chat = await getContactChat({
+            contact: 'contact-dave-active',
+        });
+        const compose = chat.shadowRoot.querySelector('temba-compose');
+        // set the chatbox to a string that is 640+ chars
+        // set the attachments to a list that is 10+ items
+        await updateComponent(compose, getFailText(), getSuccessFiles(11));
+        const response_body = {
+            text: { eng: ['Ensure this field has no more than 640 characters.'] },
+        };
+        const response_headers = {};
+        const response_status = '400';
+        mockPOST(/api\/v2\/broadcasts\.json/, response_body, response_headers, response_status);
+        const send = compose.shadowRoot.querySelector('temba-button#send-button');
+        send.click();
+        await assertScreenshot('contacts/compose-text-and-attachments-failure-text-and-attachments', getClip(chat));
+    });
+    it('with text and attachments - failure - generic', async () => {
+        // we are a StoreElement, so load a store first
+        await loadStore();
+        const chat = await getContactChat({
+            contact: 'contact-dave-active',
+        });
+        const compose = chat.shadowRoot.querySelector('temba-compose');
+        await updateComponent(compose, getSuccessText(), getSuccessFiles());
+        const response_body = {};
+        const response_headers = {};
+        const response_status = '500';
+        mockPOST(/api\/v2\/broadcasts\.json/, response_body, response_headers, response_status);
+        const send = compose.shadowRoot.querySelector('temba-button#send-button');
+        send.click();
+        await assertScreenshot('contacts/compose-text-and-attachments-failure-generic', getClip(chat));
+    });
+});
 describe('temba-contact-chat - ticket tests', () => {
     // map requests for contact history to our static files
     // we'll just us the same history for everybody for now
@@ -122,15 +299,21 @@ describe('temba-contact-chat - ticket tests', () => {
         });
         chat.currentTicket = tickets.items[0];
         chat.refresh();
-        const chatHistoryEl = chat.shadowRoot.querySelector('temba-contact-history');
-        expect(chatHistoryEl).to.not.equal(null);
-        const chatboxDiv = chat.shadowRoot.querySelector('.chatbox');
-        expect(chatboxDiv).to.not.equal(null);
-        const reopenButton = chat.shadowRoot.querySelector('temba-button#reopen-button');
-        expect(reopenButton).to.equal(null);
+        await chat.httpComplete;
+        // we want to wait until our scroll is finished before taking our screenshot
+        // once we have two scrollTops that are the same, we'll assume we're ready
+        let lastScroll = 0;
         await assertScreenshot('contacts/contact-active-ticket-open-show-chatbox', getClip(chat), {
             clock: clock,
-            predicate: () => chat.getContactHistory().getEventsPane().scrollTop === 982,
+            predicate: () => {
+                const currentScroll = chat
+                    .getContactHistory()
+                    .getEventsPane().scrollTop;
+                if (currentScroll !== 0 && currentScroll === lastScroll) {
+                    return true;
+                }
+                lastScroll = currentScroll;
+            },
         });
     });
     it('show history and show reopen button if contact is active and ticket is closed', async () => {
@@ -145,16 +328,10 @@ describe('temba-contact-chat - ticket tests', () => {
         chat.currentTicket = tickets.items[0];
         chat.refresh();
         await chat.httpComplete;
-        const chatHistoryEl = chat.shadowRoot.querySelector('temba-contact-history');
-        expect(chatHistoryEl).to.not.equal(null);
-        const chatboxDiv = chat.shadowRoot.querySelector('.chatbox');
-        expect(chatboxDiv).to.equal(null);
-        const reopenButton = chat.shadowRoot.querySelector('temba-button#reopen-button');
-        expect(reopenButton).to.not.equal(null);
         await assertScreenshot('contacts/contact-active-ticket-closed-show-reopen-button', getClip(chat), {
             clock: clock,
             predicate: () => {
-                return chat.getContactHistory().getEventsPane().scrollTop === 918;
+                return chat.getContactHistory().getEventsPane().scrollTop === 921;
             },
         });
     });
@@ -169,16 +346,11 @@ describe('temba-contact-chat - ticket tests', () => {
         });
         chat.currentTicket = tickets.items[0];
         chat.refresh();
-        const chatHistoryEl = chat.shadowRoot.querySelector('temba-contact-history');
-        expect(chatHistoryEl).to.not.equal(null);
-        const chatboxDiv = chat.shadowRoot.querySelector('.chatbox');
-        expect(chatboxDiv).to.equal(null);
-        const reopenButton = chat.shadowRoot.querySelector('temba-button#reopen-button');
-        expect(reopenButton).to.equal(null);
+        await chat.httpComplete;
         await assertScreenshot('contacts/contact-archived-ticket-closed-hide-chatbox', getClip(chat), {
             clock: clock,
             predicate: () => {
-                return chat.getContactHistory().getEventsPane().scrollTop === 867;
+                return chat.getContactHistory().getEventsPane().scrollTop === 870;
             },
         });
     });

package/out-tsc/test/temba-contact-chat.test.js.map

@@ -1 +1 @@
-{"version":3,"file":"temba-contact-chat.test.js","sourceRoot":"","sources":["../../test/temba-contact-chat.test.ts"],"names":[],"mappings":"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","sourcesContent":["import { expect, waitUntil } from '@open-wc/testing';\nimport { useFakeTimers } from 'sinon';\nimport { ContactChat } from '../src/contacts/ContactChat';\nimport { ContactHistory } from '../src/contacts/ContactHistory';\nimport { CustomEventType } from '../src/interfaces';\nimport { TicketList } from '../src/list/TicketList';\nimport {\n  assertScreenshot,\n  getClip,\n  getComponent,\n  loadStore,\n  mockGET,\n  mockNow,\n} from '../test/utils.test';\n\nlet clock: any;\nmockNow('2021-03-31T00:31:00.000-00:00');\n\nconst TAG = 'temba-contact-chat';\nconst getContactChat = async (attrs: any = {}) => {\n  attrs['endpoint'] = '/test-assets/contacts/';\n  // add some sizes and styles to force our chat history to scroll\n  const chat = (await getComponent(\n    TAG,\n    attrs,\n    '',\n    500,\n    500,\n    'display:flex;flex-direction:column;flex-grow:1;min-height:0;'\n  )) as ContactChat;\n\n  // TODO: this should be waiting for an event instead\n  await waitFor(100);\n  return chat;\n};\n\nconst list_TAG = 'temba-list';\nconst getTicketList = async (attrs: any = {}) => {\n  const list = (await getComponent(list_TAG, attrs)) as TicketList;\n\n  if (!list.endpoint) {\n    return list;\n  }\n\n  return new Promise<TicketList>(resolve => {\n    list.addEventListener(\n      CustomEventType.FetchComplete,\n      async () => {\n        resolve(list);\n      },\n      { once: true }\n    );\n  });\n};\n\ndescribe('temba-contact-chat - contact tests', () => {\n  // map requests for contact history to our static files\n  // we'll just us the same historylist for everybody for now\n  beforeEach(() => {\n    mockGET(\n      /\\/contact\\/history\\/contact-.*/,\n      '/test-assets/contacts/history.json'\n    );\n    clock = useFakeTimers();\n  });\n\n  afterEach(function () {\n    clock.restore();\n  });\n\n  it('can be created', async () => {\n    // we are a StoreElement, so load a store first\n    await loadStore();\n    const chat: ContactChat = await getContactChat({\n      contact: 'contact-dave-active',\n    });\n\n    await assertScreenshot('contacts/contact-active-default', getClip(chat));\n  });\n\n  it('show history and show chatbox if contact is active', async () => {\n    // we are a StoreElement, so load a store first\n    await loadStore();\n    const chat: ContactChat = await getContactChat({\n      contact: 'contact-dave-active',\n    });\n\n    const chatHistoryEl = chat.shadowRoot.querySelector(\n      'temba-contact-history'\n    ) as ContactHistory;\n    expect(chatHistoryEl).to.not.equal(null);\n\n    const chatboxDivEl = chat.shadowRoot.querySelector(\n      '.chatbox'\n    ) as HTMLDivElement;\n    expect(chatboxDivEl).to.not.equal(null);\n\n    const reopenButton = chat.shadowRoot.querySelector(\n      'temba-button#reopen-button'\n    ) as HTMLDivElement;\n    expect(reopenButton).to.equal(null);\n\n    await assertScreenshot(\n      'contacts/contact-active-show-chatbox',\n      getClip(chat)\n    );\n  });\n\n  it('show history and hide chatbox if contact is archived', async () => {\n    // we are a StoreElement, so load a store first\n    await loadStore();\n    const chat: ContactChat = await getContactChat({\n      contact: 'contact-barack-archived',\n    });\n\n    const chatHistoryEl = chat.shadowRoot.querySelector(\n      'temba-contact-history'\n    ) as ContactHistory;\n    expect(chatHistoryEl).to.not.equal(null);\n\n    const chatboxDiv = chat.shadowRoot.querySelector(\n      '.chatbox'\n    ) as HTMLDivElement;\n    expect(chatboxDiv).to.equal(null);\n\n    const reopenButton = chat.shadowRoot.querySelector(\n      'temba-button#reopen-button'\n    ) as HTMLDivElement;\n    expect(reopenButton).to.equal(null);\n\n    await assertScreenshot(\n      'contacts/contact-archived-hide-chatbox',\n      getClip(chat)\n    );\n  });\n\n  it('show history and hide chatbox if contact is blocked', async () => {\n    // we are a StoreElement, so load a store first\n    await loadStore();\n    const chat: ContactChat = await getContactChat({\n      contact: 'contact-michelle-blocked',\n    });\n\n    const chatHistoryEl = chat.shadowRoot.querySelector(\n      'temba-contact-history'\n    ) as ContactHistory;\n    expect(chatHistoryEl).to.not.equal(null);\n\n    const chatboxDiv = chat.shadowRoot.querySelector(\n      '.chatbox'\n    ) as HTMLDivElement;\n    expect(chatboxDiv).to.equal(null);\n\n    const reopenButton = chat.shadowRoot.querySelector(\n      'temba-button#reopen-button'\n    ) as HTMLDivElement;\n    expect(reopenButton).to.equal(null);\n\n    await assertScreenshot(\n      'contacts/contact-blocked-hide-chatbox',\n      getClip(chat)\n    );\n  });\n\n  it('show history and hide chatbox if contact is stopped', async () => {\n    // we are a StoreElement, so load a store first\n    await loadStore();\n    const chat: ContactChat = await getContactChat({\n      contact: 'contact-tim-stopped',\n    });\n\n    const chatHistoryEl = chat.shadowRoot.querySelector(\n      'temba-contact-history'\n    ) as ContactHistory;\n    expect(chatHistoryEl).to.not.equal(null, 'Chat history missing');\n\n    const chatboxDiv = chat.shadowRoot.querySelector(\n      '.chatbox'\n    ) as HTMLDivElement;\n    expect(chatboxDiv).to.equal(null);\n\n    const reopenButton = chat.shadowRoot.querySelector(\n      'temba-button#reopen-button'\n    ) as HTMLDivElement;\n    expect(reopenButton).to.equal(null);\n\n    await assertScreenshot(\n      'contacts/contact-stopped-hide-chatbox',\n      getClip(chat)\n    );\n  });\n});\n\ndescribe('temba-contact-chat - ticket tests', () => {\n  // map requests for contact history to our static files\n  // we'll just us the same history for everybody for now\n  beforeEach(() => {\n    mockGET(\n      /\\/contact\\/history\\/contact-.*/,\n      '/test-assets/contacts/history.json'\n    );\n\n    mockGET(/\\/api\\/v2\\/tickets\\.json.*/, '/test-assets/tickets/empty.json');\n    clock = useFakeTimers();\n  });\n\n  afterEach(function () {\n    clock.restore();\n  });\n\n  it('show history and show chatbox if contact is active and ticket is open', async () => {\n    // we are a StoreElement, so load a store first\n    await loadStore();\n    const chat: ContactChat = await getContactChat({\n      contact: 'contact-carter-active',\n    });\n\n    const tickets: TicketList = await getTicketList({\n      endpoint: '/test-assets/tickets/ticket-carter-open.json',\n    });\n\n    chat.currentTicket = tickets.items[0];\n    chat.refresh();\n\n    const chatHistoryEl = chat.shadowRoot.querySelector(\n      'temba-contact-history'\n    ) as ContactHistory;\n    expect(chatHistoryEl).to.not.equal(null);\n\n    const chatboxDiv = chat.shadowRoot.querySelector(\n      '.chatbox'\n    ) as HTMLDivElement;\n    expect(chatboxDiv).to.not.equal(null);\n\n    const reopenButton = chat.shadowRoot.querySelector(\n      'temba-button#reopen-button'\n    ) as HTMLDivElement;\n    expect(reopenButton).to.equal(null);\n\n    await assertScreenshot(\n      'contacts/contact-active-ticket-open-show-chatbox',\n      getClip(chat),\n      {\n        clock: clock,\n        predicate: () =>\n          chat.getContactHistory().getEventsPane().scrollTop === 982,\n      }\n    );\n  });\n\n  it('show history and show reopen button if contact is active and ticket is closed', async () => {\n    // we are a StoreElement, so load a store first\n    await loadStore();\n    const chat: ContactChat = await getContactChat({\n      contact: 'contact-carter-active',\n    });\n\n    const tickets: TicketList = await getTicketList({\n      endpoint: '/test-assets/tickets/ticket-carter-closed.json',\n    });\n    chat.currentTicket = tickets.items[0];\n    chat.refresh();\n\n    await chat.httpComplete;\n\n    const chatHistoryEl = chat.shadowRoot.querySelector(\n      'temba-contact-history'\n    ) as ContactHistory;\n    expect(chatHistoryEl).to.not.equal(null);\n\n    const chatboxDiv = chat.shadowRoot.querySelector(\n      '.chatbox'\n    ) as HTMLDivElement;\n    expect(chatboxDiv).to.equal(null);\n\n    const reopenButton = chat.shadowRoot.querySelector(\n      'temba-button#reopen-button'\n    ) as HTMLDivElement;\n    expect(reopenButton).to.not.equal(null);\n\n    await assertScreenshot(\n      'contacts/contact-active-ticket-closed-show-reopen-button',\n      getClip(chat),\n      {\n        clock: clock,\n        predicate: () => {\n          return chat.getContactHistory().getEventsPane().scrollTop === 918;\n        },\n      }\n    );\n  });\n\n  it('show history and hide chatbox if contact is archived and ticket is closed', async () => {\n    // we are a StoreElement, so load a store first\n    await loadStore();\n\n    const chat: ContactChat = await getContactChat({\n      contact: 'contact-barack-archived',\n    });\n\n    const tickets: TicketList = await getTicketList({\n      endpoint: '/test-assets/tickets/ticket-barack-closed.json',\n    });\n    chat.currentTicket = tickets.items[0];\n    chat.refresh();\n\n    const chatHistoryEl = chat.shadowRoot.querySelector(\n      'temba-contact-history'\n    ) as ContactHistory;\n    expect(chatHistoryEl).to.not.equal(null);\n\n    const chatboxDiv = chat.shadowRoot.querySelector(\n      '.chatbox'\n    ) as HTMLDivElement;\n    expect(chatboxDiv).to.equal(null);\n\n    const reopenButton = chat.shadowRoot.querySelector(\n      'temba-button#reopen-button'\n    ) as HTMLDivElement;\n    expect(reopenButton).to.equal(null);\n\n    await assertScreenshot(\n      'contacts/contact-archived-ticket-closed-hide-chatbox',\n      getClip(chat),\n      {\n        clock: clock,\n        predicate: () => {\n          return chat.getContactHistory().getEventsPane().scrollTop === 867;\n        },\n      }\n    );\n  });\n});\n"]}
+{"version":3,"file":"temba-contact-chat.test.js","sourceRoot":"","sources":["../../test/temba-contact-chat.test.ts"],"names":[],"mappings":"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","sourcesContent":["import { useFakeTimers } from 'sinon';\nimport { Button } from '../src/button/Button';\nimport { Compose } from '../src/compose/Compose';\nimport { ContactChat } from '../src/contacts/ContactChat';\nimport { CustomEventType } from '../src/interfaces';\nimport { TicketList } from '../src/list/TicketList';\nimport {\n  assertScreenshot,\n  clearMockPosts,\n  getClip,\n  getComponent,\n  loadStore,\n  mockGET,\n  mockNow,\n  mockPOST,\n} from '../test/utils.test';\nimport {\n  getFailText,\n  getSuccessFiles,\n  getSuccessText,\n  updateComponent,\n} from './temba-compose.test';\n\nlet clock: any;\nmockNow('2021-03-31T00:31:00.000-00:00');\n\nconst TAG = 'temba-contact-chat';\nconst getContactChat = async (attrs: any = {}) => {\n  attrs['endpoint'] = '/test-assets/contacts/';\n  // add some sizes and styles to force our chat history to scroll\n  const chat = (await getComponent(\n    TAG,\n    attrs,\n    '',\n    500,\n    500,\n    'display:flex;flex-direction:column;flex-grow:1;min-height:0;'\n  )) as ContactChat;\n\n  // TODO: this should be waiting for an event instead\n  await waitFor(100);\n  return chat;\n};\n\nconst list_TAG = 'temba-list';\nconst getTicketList = async (attrs: any = {}) => {\n  const list = (await getComponent(list_TAG, attrs)) as TicketList;\n\n  if (!list.endpoint) {\n    return list;\n  }\n\n  return new Promise<TicketList>(resolve => {\n    list.addEventListener(\n      CustomEventType.FetchComplete,\n      async () => {\n        resolve(list);\n      },\n      { once: true }\n    );\n  });\n};\n\ndescribe('temba-contact-chat - contact tests', () => {\n  // map requests for contact history to our static files\n  // we'll just us the same historylist for everybody for now\n  beforeEach(() => {\n    mockGET(\n      /\\/contact\\/history\\/contact-.*/,\n      '/test-assets/contacts/history.json'\n    );\n    clock = useFakeTimers();\n  });\n\n  afterEach(function () {\n    clock.restore();\n  });\n\n  it('can be created', async () => {\n    // we are a StoreElement, so load a store first\n    await loadStore();\n    const chat: ContactChat = await getContactChat({\n      contact: 'contact-dave-active',\n    });\n\n    await assertScreenshot('contacts/contact-active-default', getClip(chat));\n  });\n\n  it('show history and show chatbox if contact is active', async () => {\n    // we are a StoreElement, so load a store first\n    await loadStore();\n    const chat: ContactChat = await getContactChat({\n      contact: 'contact-dave-active',\n    });\n\n    await assertScreenshot(\n      'contacts/contact-active-show-chatbox',\n      getClip(chat)\n    );\n  });\n\n  it('show history and hide chatbox if contact is archived', async () => {\n    // we are a StoreElement, so load a store first\n    await loadStore();\n    const chat: ContactChat = await getContactChat({\n      contact: 'contact-barack-archived',\n    });\n\n    await assertScreenshot(\n      'contacts/contact-archived-hide-chatbox',\n      getClip(chat)\n    );\n  });\n\n  it('show history and hide chatbox if contact is blocked', async () => {\n    // we are a StoreElement, so load a store first\n    await loadStore();\n    const chat: ContactChat = await getContactChat({\n      contact: 'contact-michelle-blocked',\n    });\n\n    await assertScreenshot(\n      'contacts/contact-blocked-hide-chatbox',\n      getClip(chat)\n    );\n  });\n\n  it('show history and hide chatbox if contact is stopped', async () => {\n    // we are a StoreElement, so load a store first\n    await loadStore();\n    const chat: ContactChat = await getContactChat({\n      contact: 'contact-tim-stopped',\n    });\n\n    await assertScreenshot(\n      'contacts/contact-stopped-hide-chatbox',\n      getClip(chat)\n    );\n  });\n});\n\ndescribe('temba-contact-chat - contact tests - handle send tests - text no attachments', () => {\n  beforeEach(() => {\n    clearMockPosts();\n    mockGET(\n      /\\/contact\\/history\\/contact-.*/,\n      '/test-assets/contacts/history.json'\n    );\n    clock = useFakeTimers();\n  });\n\n  afterEach(function () {\n    clock.restore();\n  });\n\n  it('with text no attachments - success', async () => {\n    // we are a StoreElement, so load a store first\n    await loadStore();\n    const chat: ContactChat = await getContactChat({\n      contact: 'contact-dave-active',\n    });\n    const compose = chat.shadowRoot.querySelector('temba-compose') as Compose;\n    await updateComponent(compose, getSuccessText());\n\n    const response_body = {\n      contacts: [{ uuid: 'contact-dave-active', name: 'Dave Matthews' }],\n      text: { eng: 'sà-wàd-dee!' },\n      attachments: { eng: [] },\n    };\n    mockPOST(/api\\/v2\\/broadcasts\\.json/, response_body);\n\n    const send = compose.shadowRoot.querySelector(\n      'temba-button#send-button'\n    ) as Button;\n    send.click();\n\n    await assertScreenshot(\n      'contacts/compose-text-no-attachments-success',\n      getClip(chat)\n    );\n  });\n\n  it('with text no attachments - failure - more than 640 chars', async () => {\n    // we are a StoreElement, so load a store first\n    await loadStore();\n    const chat: ContactChat = await getContactChat({\n      contact: 'contact-dave-active',\n    });\n    const compose = chat.shadowRoot.querySelector('temba-compose') as Compose;\n    // set the chatbox to a string that is 640+ chars\n    await updateComponent(compose, getFailText());\n\n    const response_body = {\n      text: { eng: ['Ensure this field has no more than 640 characters.'] },\n    };\n    const response_headers = {};\n    const response_status = '400';\n    mockPOST(\n      /api\\/v2\\/broadcasts\\.json/,\n      response_body,\n      response_headers,\n      response_status\n    );\n\n    const send = compose.shadowRoot.querySelector(\n      'temba-button#send-button'\n    ) as Button;\n    send.click();\n\n    await assertScreenshot(\n      'contacts/compose-text-no-attachments-failure',\n      getClip(chat)\n    );\n  });\n});\n\ndescribe('temba-contact-chat - contact tests - handle send tests - attachments no text', () => {\n  beforeEach(() => {\n    clearMockPosts();\n    mockGET(\n      /\\/contact\\/history\\/contact-.*/,\n      '/test-assets/contacts/history.json'\n    );\n    clock = useFakeTimers();\n  });\n\n  afterEach(function () {\n    clock.restore();\n  });\n\n  it('with attachments no text - success', async () => {\n    // we are a StoreElement, so load a store first\n    await loadStore();\n    const chat: ContactChat = await getContactChat({\n      contact: 'contact-dave-active',\n    });\n    const compose = chat.shadowRoot.querySelector('temba-compose') as Compose;\n    const attachments = getSuccessFiles();\n    await updateComponent(compose, null, attachments);\n    const response_body = {\n      contacts: [{ uuid: 'contact-dave-active', name: 'Dave Matthews' }],\n      text: { eng: '' },\n      attachments: { eng: attachments },\n    };\n    const response_headers = {};\n    const response_status = '200';\n    mockPOST(\n      /api\\/v2\\/broadcasts\\.json/,\n      response_body,\n      response_headers,\n      response_status\n    );\n\n    const send = compose.shadowRoot.querySelector(\n      'temba-button#send-button'\n    ) as Button;\n    send.click();\n\n    await assertScreenshot(\n      'contacts/compose-attachments-no-text-success',\n      getClip(chat)\n    );\n  });\n  it('with attachments no text - failure - more than 10 files', async () => {\n    // we are a StoreElement, so load a store first\n    await loadStore();\n    const chat: ContactChat = await getContactChat({\n      contact: 'contact-dave-active',\n    });\n    const compose = chat.shadowRoot.querySelector('temba-compose') as Compose;\n    // set the attachments to a list that is 10+ items\n    await updateComponent(compose, null, getSuccessFiles(11));\n\n    const response_body = {\n      attachments: { eng: ['Ensure this field has no more than 10 elements.'] },\n    };\n    const response_headers = {};\n    const response_status = '400';\n    mockPOST(\n      /api\\/v2\\/broadcasts\\.json/,\n      response_body,\n      response_headers,\n      response_status\n    );\n\n    const send = compose.shadowRoot.querySelector(\n      'temba-button#send-button'\n    ) as Button;\n    send.click();\n\n    await assertScreenshot(\n      'contacts/compose-attachments-no-text-failure',\n      getClip(chat)\n    );\n  });\n});\n\ndescribe('temba-contact-chat - contact tests - handle send tests - text and attachments', () => {\n  beforeEach(() => {\n    clearMockPosts();\n    mockGET(\n      /\\/contact\\/history\\/contact-.*/,\n      '/test-assets/contacts/history.json'\n    );\n    clock = useFakeTimers();\n  });\n\n  afterEach(function () {\n    clock.restore();\n  });\n\n  it('with text and attachments - success', async () => {\n    // we are a StoreElement, so load a store first\n    await loadStore();\n    const chat: ContactChat = await getContactChat({\n      contact: 'contact-dave-active',\n    });\n    const compose = chat.shadowRoot.querySelector('temba-compose') as Compose;\n    await updateComponent(compose, getSuccessText(), getSuccessFiles());\n\n    const text = getSuccessText();\n    const attachments = getSuccessFiles();\n    const response_body = {\n      contacts: [{ uuid: 'contact-dave-active', name: 'Dave Matthews' }],\n      text: { eng: text },\n      attachments: { eng: attachments },\n    };\n    mockPOST(/api\\/v2\\/broadcasts\\.json/, response_body);\n\n    const send = compose.shadowRoot.querySelector(\n      'temba-button#send-button'\n    ) as Button;\n    send.click();\n\n    await assertScreenshot(\n      'contacts/compose-text-and-attachments-success',\n      getClip(chat)\n    );\n  });\n\n  it('with text and attachments - failure - more than 640 chars', async () => {\n    // we are a StoreElement, so load a store first\n    await loadStore();\n    const chat: ContactChat = await getContactChat({\n      contact: 'contact-dave-active',\n    });\n    const compose = chat.shadowRoot.querySelector('temba-compose') as Compose;\n    // set the chatbox to a string that is 640+ chars\n    await updateComponent(compose, getFailText(), getSuccessFiles());\n\n    const response_body = {\n      text: { eng: ['Ensure this field has no more than 640 characters.'] },\n    };\n    const response_headers = {};\n    const response_status = '400';\n    mockPOST(\n      /api\\/v2\\/broadcasts\\.json/,\n      response_body,\n      response_headers,\n      response_status\n    );\n\n    const send = compose.shadowRoot.querySelector(\n      'temba-button#send-button'\n    ) as Button;\n    send.click();\n\n    await assertScreenshot(\n      'contacts/compose-text-and-attachments-failure-text',\n      getClip(chat)\n    );\n  });\n\n  it('with text and attachments - failure - more than 10 files', async () => {\n    // we are a StoreElement, so load a store first\n    await loadStore();\n    const chat: ContactChat = await getContactChat({\n      contact: 'contact-dave-active',\n    });\n    const compose = chat.shadowRoot.querySelector('temba-compose') as Compose;\n    // set the attachments to a list that is 10+ items\n    await updateComponent(compose, getSuccessText(), getSuccessFiles(11));\n\n    const response_body = {\n      attachments: { eng: ['Ensure this field has no more than 10 elements.'] },\n    };\n    const response_headers = {};\n    const response_status = '400';\n    mockPOST(\n      /api\\/v2\\/broadcasts\\.json/,\n      response_body,\n      response_headers,\n      response_status\n    );\n\n    const send = compose.shadowRoot.querySelector(\n      'temba-button#send-button'\n    ) as Button;\n    send.click();\n\n    await assertScreenshot(\n      'contacts/compose-text-and-attachments-failure-attachments',\n      getClip(chat)\n    );\n  });\n\n  it('with text and attachments - failure - more than 640 chars and more than 10 files', async () => {\n    // we are a StoreElement, so load a store first\n    await loadStore();\n    const chat: ContactChat = await getContactChat({\n      contact: 'contact-dave-active',\n    });\n    const compose = chat.shadowRoot.querySelector('temba-compose') as Compose;\n    // set the chatbox to a string that is 640+ chars\n    // set the attachments to a list that is 10+ items\n    await updateComponent(compose, getFailText(), getSuccessFiles(11));\n\n    const response_body = {\n      text: { eng: ['Ensure this field has no more than 640 characters.'] },\n    };\n    const response_headers = {};\n    const response_status = '400';\n    mockPOST(\n      /api\\/v2\\/broadcasts\\.json/,\n      response_body,\n      response_headers,\n      response_status\n    );\n\n    const send = compose.shadowRoot.querySelector(\n      'temba-button#send-button'\n    ) as Button;\n    send.click();\n\n    await assertScreenshot(\n      'contacts/compose-text-and-attachments-failure-text-and-attachments',\n      getClip(chat)\n    );\n  });\n\n  it('with text and attachments - failure - generic', async () => {\n    // we are a StoreElement, so load a store first\n    await loadStore();\n    const chat: ContactChat = await getContactChat({\n      contact: 'contact-dave-active',\n    });\n    const compose = chat.shadowRoot.querySelector('temba-compose') as Compose;\n    await updateComponent(compose, getSuccessText(), getSuccessFiles());\n\n    const response_body = {};\n    const response_headers = {};\n    const response_status = '500';\n    mockPOST(\n      /api\\/v2\\/broadcasts\\.json/,\n      response_body,\n      response_headers,\n      response_status\n    );\n\n    const send = compose.shadowRoot.querySelector(\n      'temba-button#send-button'\n    ) as Button;\n    send.click();\n\n    await assertScreenshot(\n      'contacts/compose-text-and-attachments-failure-generic',\n      getClip(chat)\n    );\n  });\n});\n\ndescribe('temba-contact-chat - ticket tests', () => {\n  // map requests for contact history to our static files\n  // we'll just us the same history for everybody for now\n  beforeEach(() => {\n    mockGET(\n      /\\/contact\\/history\\/contact-.*/,\n      '/test-assets/contacts/history.json'\n    );\n\n    mockGET(/\\/api\\/v2\\/tickets\\.json.*/, '/test-assets/tickets/empty.json');\n    clock = useFakeTimers();\n  });\n\n  afterEach(function () {\n    clock.restore();\n  });\n\n  it('show history and show chatbox if contact is active and ticket is open', async () => {\n    // we are a StoreElement, so load a store first\n    await loadStore();\n    const chat: ContactChat = await getContactChat({\n      contact: 'contact-carter-active',\n    });\n\n    const tickets: TicketList = await getTicketList({\n      endpoint: '/test-assets/tickets/ticket-carter-open.json',\n    });\n\n    chat.currentTicket = tickets.items[0];\n    chat.refresh();\n    await chat.httpComplete;\n\n    // we want to wait until our scroll is finished before taking our screenshot\n    // once we have two scrollTops that are the same, we'll assume we're ready\n    let lastScroll = 0;\n    await assertScreenshot(\n      'contacts/contact-active-ticket-open-show-chatbox',\n      getClip(chat),\n      {\n        clock: clock,\n        predicate: () => {\n          const currentScroll = chat\n            .getContactHistory()\n            .getEventsPane().scrollTop;\n          if (currentScroll !== 0 && currentScroll === lastScroll) {\n            return true;\n          }\n          lastScroll = currentScroll;\n        },\n      }\n    );\n  });\n\n  it('show history and show reopen button if contact is active and ticket is closed', async () => {\n    // we are a StoreElement, so load a store first\n    await loadStore();\n    const chat: ContactChat = await getContactChat({\n      contact: 'contact-carter-active',\n    });\n\n    const tickets: TicketList = await getTicketList({\n      endpoint: '/test-assets/tickets/ticket-carter-closed.json',\n    });\n    chat.currentTicket = tickets.items[0];\n    chat.refresh();\n    await chat.httpComplete;\n\n    await assertScreenshot(\n      'contacts/contact-active-ticket-closed-show-reopen-button',\n      getClip(chat),\n      {\n        clock: clock,\n        predicate: () => {\n          return chat.getContactHistory().getEventsPane().scrollTop === 921;\n        },\n      }\n    );\n  });\n\n  it('show history and hide chatbox if contact is archived and ticket is closed', async () => {\n    // we are a StoreElement, so load a store first\n    await loadStore();\n\n    const chat: ContactChat = await getContactChat({\n      contact: 'contact-barack-archived',\n    });\n\n    const tickets: TicketList = await getTicketList({\n      endpoint: '/test-assets/tickets/ticket-barack-closed.json',\n    });\n    chat.currentTicket = tickets.items[0];\n    chat.refresh();\n    await chat.httpComplete;\n\n    await assertScreenshot(\n      'contacts/contact-archived-ticket-closed-hide-chatbox',\n      getClip(chat),\n      {\n        clock: clock,\n        predicate: () => {\n          return chat.getContactHistory().getEventsPane().scrollTop === 870;\n        },\n      }\n    );\n  });\n});\n"]}

package/out-tsc/test/temba-contact-history.test.js

@@ -7,6 +7,8 @@ export const createHistory = async (def) => {
     const parentNode = document.createElement('div');
     parentNode.setAttribute('style', 'width: 500px;height:750px;display:flex;flex-direction:column;flex-grow:1;min-height:0;');
     const history = (await fixture(def, { parentNode }));
+    // make sure our initial fetch is made
+    await history.httpComplete;
     return history;
 };
 const getHistoryHTML = (attrs = {}) => 
@@ -31,7 +33,7 @@ describe('temba-contact-history', () => {
     afterEach(function () {
         clock.restore();
     });
-    it.only('can be created', async () => {
+    it('can be created', async () => {
         const history = await createHistory(getHistoryHTML());
         assert.instanceOf(history, ContactHistory);
     });
@@ -39,11 +41,13 @@ describe('temba-contact-history', () => {
         const history = await createHistory(getHistoryHTML({
             uuid: 'contact-dave-active',
         }));
-        // we should have scrolled to the bottom
+        // we should have scrolled to the bottom, but the scroll
+        // happens in a window timeout
+        await clock.runAllAsync();
+        await history.updateComplete;
         const events = history.shadowRoot.querySelector('.events');
         const top = events.scrollHeight - events.getBoundingClientRect().height;
         expect(top).to.equal(549);
-        await clock.runAllAsync();
         // make sure we actually scrolled to there
         expect(events.scrollTop).to.equal(top);
         await assertScreenshot('contacts/history', getHistoryClip(history));

package/out-tsc/test/temba-contact-history.test.js.map

@@ -1 +1 @@
-{"version":3,"file":"temba-contact-history.test.js","sourceRoot":"","sources":["../../test/temba-contact-history.test.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAC3D,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AACtC,OAAO,EAAE,cAAc,EAAE,MAAM,gCAAgC,CAAC;AAChE,OAAO,EACL,gBAAgB,EAChB,OAAO,EACP,OAAO,EACP,SAAS,EACT,OAAO,EACP,OAAO,GACR,MAAM,oBAAoB,CAAC;AAC5B,OAAO,cAAc,CAAC;AAEtB,MAAM,CAAC,MAAM,aAAa,GAAG,KAAK,EAAE,GAAW,EAAE,EAAE;IACjD,MAAM,UAAU,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;IACjD,UAAU,CAAC,YAAY,CACrB,OAAO,EACP,wFAAwF,CACzF,CAAC;IACF,MAAM,OAAO,GAAG,CAAC,MAAM,OAAO,CAAC,GAAG,EAAE,EAAE,UAAU,EAAE,CAAC,CAAmB,CAAC;IACvE,OAAO,OAAO,CAAC;AACjB,CAAC,CAAC;AAEF,MAAM,cAAc,GAAG,CAAC,QAAa,EAAS,EAAE,EAAE;AAChD,yEAAyE;AACzE,OAAO,CAAC,uBAAuB,EAAE,KAAK,CAAC,CAAC;AAE1C,MAAM,cAAc,GAAG,CAAC,GAAmB,EAAE,EAAE;IAC7C,MAAM,IAAI,GAAG,OAAO,CAAC,GAAG,CAAC,CAAC;IAC1B,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IACzC,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,GAAG,GAAG,IAAI,CAAC,MAAM,CAAC;IACrC,OAAO,IAAI,CAAC;AACd,CAAC,CAAC;AAEF,mDAAmD;AACnD,OAAO,CAAC,+BAA+B,CAAC,CAAC;AACzC,IAAI,KAAU,CAAC;AAEf,QAAQ,CAAC,uBAAuB,EAAE,GAAG,EAAE;IACrC,UAAU,CAAC,KAAK,IAAI,EAAE;QACpB,KAAK,GAAG,aAAa,EAAE,CAAC;QAExB,OAAO,CACL,6CAA6C,EAC7C,oCAAoC,CACrC,CAAC;QAEF,OAAO,CACL,uDAAuD,EACvD,+BAA+B,CAChC,CAAC;QAEF,MAAM,SAAS,EAAE,CAAC;IACpB,CAAC,CAAC,CAAC;IAEH,SAAS,CAAC;QACR,KAAK,CAAC,OAAO,EAAE,CAAC;IAClB,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,IAAI,CAAC,gBAAgB,EAAE,KAAK,IAAI,EAAE;QACnC,MAAM,OAAO,GAAG,MAAM,aAAa,CAAC,cAAc,EAAE,CAAC,CAAC;QACtD,MAAM,CAAC,UAAU,CAAC,OAAO,EAAE,cAAc,CAAC,CAAC;IAC7C,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,iBAAiB,EAAE,KAAK,IAAI,EAAE;QAC/B,MAAM,OAAO,GAAG,MAAM,aAAa,CACjC,cAAc,CAAC;YACb,IAAI,EAAE,qBAAqB;SAC5B,CAAC,CACH,CAAC;QAEF,wCAAwC;QACxC,MAAM,MAAM,GAAG,OAAO,CAAC,UAAU,CAAC,aAAa,CAAC,SAAS,CAAC,CAAC;QAC3D,MAAM,GAAG,GAAG,MAAM,CAAC,YAAY,GAAG,MAAM,CAAC,qBAAqB,EAAE,CAAC,MAAM,CAAC;QAExE,MAAM,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;QAC1B,MAAM,KAAK,CAAC,WAAW,EAAE,CAAC;QAE1B,0CAA0C;QAC1C,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;QACvC,MAAM,gBAAgB,CAAC,kBAAkB,EAAE,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC;IACtE,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,sBAAsB,EAAE,KAAK,IAAI,EAAE;QACpC,MAAM,OAAO,GAAG,MAAM,aAAa,CACjC,cAAc,CAAC;YACb,IAAI,EAAE,qBAAqB;SAC5B,CAAC,CACH,CAAC;QAEF,mCAAmC;QACnC,MAAM,MAAM,GAAG,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;QACzB,KAAK,MAAM,GAAG,IAAI,MAAM,EAAE;YACxB,MAAM,KAAK,GAAG,OAAO,CAAC,UAAU,CAAC,aAAa,CAC5C,kCAAkC,GAAG,IAAI,CACxB,CAAC;YACpB,KAAK,CAAC,KAAK,EAAE,CAAC;YACd,MAAM,KAAK,CAAC,WAAW,EAAE,CAAC;YAC1B,MAAM,CAAC,KAAK,CAAC,aAAa,CAAC,SAAS,CAAC,QAAQ,CAAC,UAAU,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;SACxE;IACH,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import { fixture, assert, expect } from '@open-wc/testing';\nimport { useFakeTimers } from 'sinon';\nimport { ContactHistory } from '../src/contacts/ContactHistory';\nimport {\n  assertScreenshot,\n  getClip,\n  getHTML,\n  loadStore,\n  mockGET,\n  mockNow,\n} from '../test/utils.test';\nimport './utils.test';\n\nexport const createHistory = async (def: string) => {\n  const parentNode = document.createElement('div');\n  parentNode.setAttribute(\n    'style',\n    'width: 500px;height:750px;display:flex;flex-direction:column;flex-grow:1;min-height:0;'\n  );\n  const history = (await fixture(def, { parentNode })) as ContactHistory;\n  return history;\n};\n\nconst getHistoryHTML = (attrs: any = {} as any) =>\n  // attrs = \"min-height:0;display:flex;flex-grow:1;flex-direction:column\";\n  getHTML('temba-contact-history', attrs);\n\nconst getHistoryClip = (ele: ContactHistory) => {\n  const clip = getClip(ele);\n  clip.height = Math.min(clip.height, 750);\n  clip.bottom = clip.top + clip.height;\n  return clip;\n};\n\n// stub our current date for consistent screenshots\nmockNow('2021-03-31T00:31:00.000-00:00');\nlet clock: any;\n\ndescribe('temba-contact-history', () => {\n  beforeEach(async () => {\n    clock = useFakeTimers();\n\n    mockGET(\n      /\\/contact\\/history\\/contact-dave-active\\/.*/,\n      '/test-assets/contacts/history.json'\n    );\n\n    mockGET(\n      /\\/api\\/v2\\/tickets\\.json\\?contact=contact-dave-active/,\n      '/test-assets/api/tickets.json'\n    );\n\n    await loadStore();\n  });\n\n  afterEach(function () {\n    clock.restore();\n  });\n\n  it.only('can be created', async () => {\n    const history = await createHistory(getHistoryHTML());\n    assert.instanceOf(history, ContactHistory);\n  });\n\n  it('renders history', async () => {\n    const history = await createHistory(\n      getHistoryHTML({\n        uuid: 'contact-dave-active',\n      })\n    );\n\n    // we should have scrolled to the bottom\n    const events = history.shadowRoot.querySelector('.events');\n    const top = events.scrollHeight - events.getBoundingClientRect().height;\n\n    expect(top).to.equal(549);\n    await clock.runAllAsync();\n\n    // make sure we actually scrolled to there\n    expect(events.scrollTop).to.equal(top);\n    await assertScreenshot('contacts/history', getHistoryClip(history));\n  });\n\n  it('expands event groups', async () => {\n    const history = await createHistory(\n      getHistoryHTML({\n        uuid: 'contact-dave-active',\n      })\n    );\n\n    // our groups with collapsed events\n    const groups = [3, 5, 7];\n    for (const idx of groups) {\n      const group = history.shadowRoot.querySelector(\n        `.event-count[data-group-index='${idx}']`\n      ) as HTMLDivElement;\n      group.click();\n      await clock.runAllAsync();\n      expect(group.parentElement.classList.contains('expanded')).equal(true);\n    }\n  });\n});\n"]}
+{"version":3,"file":"temba-contact-history.test.js","sourceRoot":"","sources":["../../test/temba-contact-history.test.ts"],"names":[],"mappings":"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","sourcesContent":["import { fixture, assert, expect } from '@open-wc/testing';\nimport { useFakeTimers } from 'sinon';\nimport { ContactHistory } from '../src/contacts/ContactHistory';\nimport {\n  assertScreenshot,\n  getClip,\n  getHTML,\n  loadStore,\n  mockGET,\n  mockNow,\n} from '../test/utils.test';\nimport './utils.test';\n\nexport const createHistory = async (def: string) => {\n  const parentNode = document.createElement('div');\n  parentNode.setAttribute(\n    'style',\n    'width: 500px;height:750px;display:flex;flex-direction:column;flex-grow:1;min-height:0;'\n  );\n  const history = (await fixture(def, { parentNode })) as ContactHistory;\n\n  // make sure our initial fetch is made\n  await history.httpComplete;\n\n  return history;\n};\n\nconst getHistoryHTML = (attrs: any = {} as any) =>\n  // attrs = \"min-height:0;display:flex;flex-grow:1;flex-direction:column\";\n  getHTML('temba-contact-history', attrs);\n\nconst getHistoryClip = (ele: ContactHistory) => {\n  const clip = getClip(ele);\n  clip.height = Math.min(clip.height, 750);\n  clip.bottom = clip.top + clip.height;\n  return clip;\n};\n\n// stub our current date for consistent screenshots\nmockNow('2021-03-31T00:31:00.000-00:00');\nlet clock: any;\n\ndescribe('temba-contact-history', () => {\n  beforeEach(async () => {\n    clock = useFakeTimers();\n\n    mockGET(\n      /\\/contact\\/history\\/contact-dave-active\\/.*/,\n      '/test-assets/contacts/history.json'\n    );\n\n    mockGET(\n      /\\/api\\/v2\\/tickets\\.json\\?contact=contact-dave-active/,\n      '/test-assets/api/tickets.json'\n    );\n\n    await loadStore();\n  });\n\n  afterEach(function () {\n    clock.restore();\n  });\n\n  it('can be created', async () => {\n    const history = await createHistory(getHistoryHTML());\n    assert.instanceOf(history, ContactHistory);\n  });\n\n  it('renders history', async () => {\n    const history = await createHistory(\n      getHistoryHTML({\n        uuid: 'contact-dave-active',\n      })\n    );\n\n    // we should have scrolled to the bottom, but the scroll\n    // happens in a window timeout\n    await clock.runAllAsync();\n    await history.updateComplete;\n\n    const events = history.shadowRoot.querySelector('.events');\n    const top = events.scrollHeight - events.getBoundingClientRect().height;\n    expect(top).to.equal(549);\n    // make sure we actually scrolled to there\n    expect(events.scrollTop).to.equal(top);\n    await assertScreenshot('contacts/history', getHistoryClip(history));\n  });\n\n  it('expands event groups', async () => {\n    const history = await createHistory(\n      getHistoryHTML({\n        uuid: 'contact-dave-active',\n      })\n    );\n\n    // our groups with collapsed events\n    const groups = [3, 5, 7];\n    for (const idx of groups) {\n      const group = history.shadowRoot.querySelector(\n        `.event-count[data-group-index='${idx}']`\n      ) as HTMLDivElement;\n      group.click();\n      await clock.runAllAsync();\n      expect(group.parentElement.classList.contains('expanded')).equal(true);\n    }\n  });\n});\n"]}

package/out-tsc/test/utils.test.js

@@ -4,7 +4,7 @@ import { expect, fixture, html, assert, waitUntil } from '@open-wc/testing';
 import MouseHelper from './MouseHelper';
 import { replace, stub } from 'sinon';
 const gets = [];
-const posts = [];
+let posts = [];
 let normalFetch;
 export const showMouse = async () => {
     const mouse = await fixture(html `<mouse-helper />`);
@@ -29,11 +29,12 @@ export const getComponent = async (tag, attrs = {}, slot = '', width = 250, heig
     ${style ? style : ``}
   `;
     parentNode.setAttribute('style', styleAttribute);
-    return await fixture(spec, { parentNode });
+    const component = await fixture(spec, { parentNode });
+    return component;
 };
 const createResponse = mocked => {
     const mockResponse = new window.Response(mocked.body, {
-        status: 200,
+        status: mocked.status,
         headers: {
             'Content-type': 'text/html',
             ...mocked.headers,
@@ -43,7 +44,7 @@ const createResponse = mocked => {
 };
 const createJSONResponse = mocked => {
     const mockResponse = new window.Response(JSON.stringify(mocked.body), {
-        status: 200,
+        status: mocked.status,
         headers: {
             'Content-type': 'application/json',
             ...mocked.headers,
@@ -80,11 +81,14 @@ before(async () => {
 after(() => {
     window.fetch.restore();
 });
-export const mockGET = (endpoint, body, headers = {}) => {
-    gets.push({ endpoint, body, headers });
+export const mockGET = (endpoint, body, headers = {}, status = '200') => {
+    gets.push({ endpoint, body, headers, status });
 };
-export const mockPOST = (endpoint, body, headers = {}) => {
-    posts.push({ endpoint, body, headers });
+export const mockPOST = (endpoint, body, headers = {}, status = '200') => {
+    posts.push({ endpoint, body, headers, status });
+};
+export const clearMockPosts = () => {
+    posts = [];
 };
 export const checkTimers = (clock) => {
     expect(!!clock.timers).to.equal(true, 'Expected timers not found');

package/out-tsc/test/utils.test.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.test.js","sourceRoot":"","sources":["../../test/utils.test.ts"],"names":[],"mappings":"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","sourcesContent":["import '../temba-modules';\nimport { DateTime } from 'luxon';\ninterface Clip {\n  x: number;\n  y: number;\n  width: number;\n  height: number;\n}\n\nimport { expect, fixture, html, assert, waitUntil } from '@open-wc/testing';\nimport MouseHelper from './MouseHelper';\nimport { Store } from '../src/store/Store';\nimport { replace, stub } from 'sinon';\n\nexport interface CodeMock {\n  endpoint: RegExp;\n  body: string;\n  headers: any;\n}\n\nconst gets: CodeMock[] = [];\nconst posts: CodeMock[] = [];\nlet normalFetch;\n\nexport const showMouse = async () => {\n  const mouse = await fixture(html`<mouse-helper />`);\n  assert.instanceOf(mouse, MouseHelper);\n};\n\nexport const getAttributes = (attrs: any = {}) => {\n  return `${Object.keys(attrs)\n    .map((name: string) => {\n      if (typeof attrs[name] === 'boolean' && attrs[name]) {\n        return name;\n      }\n      return `${name}='${attrs[name]}'`;\n    })\n    .join(' ')}`;\n};\n\nexport const getComponent = async (\n  tag,\n  attrs: any = {},\n  slot = '',\n  width = 250,\n  height = 0,\n  style = ''\n) => {\n  const spec = `<${tag} ${getAttributes(attrs)}>${slot}</${tag}>`;\n  const parentNode = document.createElement('div');\n  const styleAttribute = `\n    ${width > 0 ? `width:${width}px;` : ``} \n    ${height > 0 ? `height:${height}px;` : ``}\n    ${style ? style : ``}\n  `;\n\n  parentNode.setAttribute('style', styleAttribute);\n  return await fixture(spec, { parentNode });\n};\n\nconst createResponse = mocked => {\n  const mockResponse = new window.Response(mocked.body, {\n    status: 200,\n    headers: {\n      'Content-type': 'text/html',\n      ...mocked.headers,\n    },\n  });\n\n  return Promise.resolve(mockResponse);\n};\n\nconst createJSONResponse = mocked => {\n  const mockResponse = new window.Response(JSON.stringify(mocked.body), {\n    status: 200,\n    headers: {\n      'Content-type': 'application/json',\n      ...mocked.headers,\n    },\n  });\n\n  return Promise.resolve(mockResponse);\n};\n\nconst getResponse = (endpoint: string, options) => {\n  // check if our path has been mocked in code\n  const mocks = options.method === 'GET' ? gets : posts;\n  const codeMock = mocks.find(mock => mock.endpoint.test(endpoint));\n\n  if (codeMock) {\n    if (typeof codeMock.body === 'string') {\n      // see if we are being mocked to a file\n      if (codeMock.body.startsWith('/')) {\n        endpoint = codeMock.body;\n      } else {\n        return createResponse(codeMock);\n      }\n    } else {\n      return createJSONResponse(codeMock);\n    }\n  }\n\n  // otherwise fetch over http\n  return normalFetch(endpoint, options);\n};\n\nbefore(async () => {\n  normalFetch = window.fetch;\n  stub(window, 'fetch').callsFake(getResponse);\n  await setViewport({ width: 1024, height: 768, deviceScaleFactor: 2 });\n});\n\nafter(() => {\n  (window.fetch as any).restore();\n});\n\nexport const mockGET = (endpoint: RegExp, body: any, headers: any = {}) => {\n  gets.push({ endpoint, body, headers });\n};\n\nexport const mockPOST = (endpoint: RegExp, body: any, headers: any = {}) => {\n  posts.push({ endpoint, body, headers });\n};\n\nexport const checkTimers = (clock: any) => {\n  expect(!!clock.timers).to.equal(true, 'Expected timers not found');\n  expect(\n    Object.keys(clock.timers).length,\n    `Timers still to be run ${JSON.stringify(clock.timers)}`\n  ).to.equal(0);\n};\n\nexport const delay = (millis: number) => {\n  return new Promise(function (resolve) {\n    window.setTimeout(resolve, millis);\n  });\n};\n\nexport const assertScreenshot = async (\n  filename: string,\n  clip: Clip,\n  waitFor?: { clock?: any; predicate?: () => boolean }\n) => {\n  if (waitFor) {\n    if (waitFor.clock) {\n      waitFor.clock.restore();\n    }\n    await waitUntil(waitFor.predicate);\n  }\n\n  const threshold = 0.1;\n  const exclude: Clip[] = [];\n\n  try {\n    await (window as any).matchPageSnapshot(\n      `${filename}.png`,\n      clip,\n      exclude,\n      threshold\n    );\n  } catch (error) {\n    if (error.message) {\n      throw new Error(\n        `${error.message} ${\n          error.expected\n            ? `Expected ${error.expected} but got ${error.actual}`\n            : ''\n        } ${error.files ? `\\n${error.files.join('\\n')}` : ''}`\n      );\n    }\n    throw new Error(error);\n  }\n};\n\nexport const getClip = (ele: HTMLElement) => {\n  let clip: any = ele.getBoundingClientRect();\n  if (!clip.width || !clip.height) {\n    clip = ele.shadowRoot.firstElementChild.getBoundingClientRect();\n  }\n\n  const padding = 10;\n  const width = clip.width + padding * 2;\n  const height = clip.height + padding * 2;\n  const y = clip.y - padding;\n  const x = clip.x - padding;\n\n  const newClip = {\n    x,\n    y,\n    width,\n    height,\n    bottom: y + height,\n    right: x + width,\n    top: y,\n    left: x,\n  };\n\n  return newClip;\n};\n\nexport const getHTMLAttrs = (attrs: any = {}) => {\n  return Object.keys(attrs)\n    .map((name: string) => `${name}='${attrs[name]}'`)\n    .join(' ');\n};\n\nexport const getHTML = (tag: string, attrs: any = {}) => {\n  return `<${tag} ${getHTMLAttrs(attrs)}></${tag}>`;\n};\n\nexport const loadStore = async () => {\n  const store: Store = await fixture(\n    `<temba-store \n      completion='/test-assets/store/editor.json'\n      groups='/test-assets/store/groups.json'\n      languages='/test-assets/store/languages.json'\n      fields='/test-assets/store/fields.json'\n    />`\n  );\n  await store.httpComplete;\n  await store.httpComplete;\n\n  return store;\n};\n\nexport const mockNow = (isodate: string) => {\n  const now = DateTime.fromISO(isodate);\n  // mock the current time\n  replace(DateTime, 'now', () => {\n    return now;\n  });\n};\n"]}
+{"version":3,"file":"utils.test.js","sourceRoot":"","sources":["../../test/utils.test.ts"],"names":[],"mappings":"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","sourcesContent":["import '../temba-modules';\nimport { DateTime } from 'luxon';\ninterface Clip {\n  x: number;\n  y: number;\n  width: number;\n  height: number;\n}\n\nimport { expect, fixture, html, assert, waitUntil } from '@open-wc/testing';\nimport MouseHelper from './MouseHelper';\nimport { Store } from '../src/store/Store';\nimport { replace, stub } from 'sinon';\n\nexport interface CodeMock {\n  endpoint: RegExp;\n  body: string;\n  headers: any;\n  status: string;\n}\n\nconst gets: CodeMock[] = [];\nlet posts: CodeMock[] = [];\nlet normalFetch;\n\nexport const showMouse = async () => {\n  const mouse = await fixture(html`<mouse-helper />`);\n  assert.instanceOf(mouse, MouseHelper);\n};\n\nexport const getAttributes = (attrs: any = {}) => {\n  return `${Object.keys(attrs)\n    .map((name: string) => {\n      if (typeof attrs[name] === 'boolean' && attrs[name]) {\n        return name;\n      }\n      return `${name}='${attrs[name]}'`;\n    })\n    .join(' ')}`;\n};\n\nexport const getComponent = async (\n  tag,\n  attrs: any = {},\n  slot = '',\n  width = 250,\n  height = 0,\n  style = ''\n) => {\n  const spec = `<${tag} ${getAttributes(attrs)}>${slot}</${tag}>`;\n  const parentNode = document.createElement('div');\n  const styleAttribute = `\n    ${width > 0 ? `width:${width}px;` : ``} \n    ${height > 0 ? `height:${height}px;` : ``}\n    ${style ? style : ``}\n  `;\n  parentNode.setAttribute('style', styleAttribute);\n  const component = await fixture(spec, { parentNode });\n  return component;\n};\n\nconst createResponse = mocked => {\n  const mockResponse = new window.Response(mocked.body, {\n    status: mocked.status,\n    headers: {\n      'Content-type': 'text/html',\n      ...mocked.headers,\n    },\n  });\n\n  return Promise.resolve(mockResponse);\n};\n\nconst createJSONResponse = mocked => {\n  const mockResponse = new window.Response(JSON.stringify(mocked.body), {\n    status: mocked.status,\n    headers: {\n      'Content-type': 'application/json',\n      ...mocked.headers,\n    },\n  });\n\n  return Promise.resolve(mockResponse);\n};\n\nconst getResponse = (endpoint: string, options) => {\n  // check if our path has been mocked in code\n  const mocks = options.method === 'GET' ? gets : posts;\n  const codeMock = mocks.find(mock => mock.endpoint.test(endpoint));\n\n  if (codeMock) {\n    if (typeof codeMock.body === 'string') {\n      // see if we are being mocked to a file\n      if (codeMock.body.startsWith('/')) {\n        endpoint = codeMock.body;\n      } else {\n        return createResponse(codeMock);\n      }\n    } else {\n      return createJSONResponse(codeMock);\n    }\n  }\n\n  // otherwise fetch over http\n  return normalFetch(endpoint, options);\n};\n\nbefore(async () => {\n  normalFetch = window.fetch;\n  stub(window, 'fetch').callsFake(getResponse);\n  await setViewport({ width: 1024, height: 768, deviceScaleFactor: 2 });\n});\n\nafter(() => {\n  (window.fetch as any).restore();\n});\n\nexport const mockGET = (\n  endpoint: RegExp,\n  body: any,\n  headers: any = {},\n  status = '200'\n) => {\n  gets.push({ endpoint, body, headers, status });\n};\n\nexport const mockPOST = (\n  endpoint: RegExp,\n  body: any,\n  headers: any = {},\n  status = '200'\n) => {\n  posts.push({ endpoint, body, headers, status });\n};\n\nexport const clearMockPosts = () => {\n  posts = [];\n};\n\nexport const checkTimers = (clock: any) => {\n  expect(!!clock.timers).to.equal(true, 'Expected timers not found');\n  expect(\n    Object.keys(clock.timers).length,\n    `Timers still to be run ${JSON.stringify(clock.timers)}`\n  ).to.equal(0);\n};\n\nexport const delay = (millis: number) => {\n  return new Promise(function (resolve) {\n    window.setTimeout(resolve, millis);\n  });\n};\n\nexport const assertScreenshot = async (\n  filename: string,\n  clip: Clip,\n  waitFor?: { clock?: any; predicate?: () => boolean }\n) => {\n  if (waitFor) {\n    if (waitFor.clock) {\n      waitFor.clock.restore();\n    }\n    await waitUntil(waitFor.predicate);\n  }\n\n  const threshold = 0.1;\n  const exclude: Clip[] = [];\n\n  try {\n    await (window as any).matchPageSnapshot(\n      `${filename}.png`,\n      clip,\n      exclude,\n      threshold\n    );\n  } catch (error) {\n    if (error.message) {\n      throw new Error(\n        `${error.message} ${\n          error.expected\n            ? `Expected ${error.expected} but got ${error.actual}`\n            : ''\n        } ${error.files ? `\\n${error.files.join('\\n')}` : ''}`\n      );\n    }\n    throw new Error(error);\n  }\n};\n\nexport const getClip = (ele: HTMLElement) => {\n  let clip: any = ele.getBoundingClientRect();\n  if (!clip.width || !clip.height) {\n    clip = ele.shadowRoot.firstElementChild.getBoundingClientRect();\n  }\n\n  const padding = 10;\n  const width = clip.width + padding * 2;\n  const height = clip.height + padding * 2;\n  const y = clip.y - padding;\n  const x = clip.x - padding;\n\n  const newClip = {\n    x,\n    y,\n    width,\n    height,\n    bottom: y + height,\n    right: x + width,\n    top: y,\n    left: x,\n  };\n\n  return newClip;\n};\n\nexport const getHTMLAttrs = (attrs: any = {}) => {\n  return Object.keys(attrs)\n    .map((name: string) => `${name}='${attrs[name]}'`)\n    .join(' ');\n};\n\nexport const getHTML = (tag: string, attrs: any = {}) => {\n  return `<${tag} ${getHTMLAttrs(attrs)}></${tag}>`;\n};\n\nexport const loadStore = async () => {\n  const store: Store = await fixture(\n    `<temba-store \n      completion='/test-assets/store/editor.json'\n      groups='/test-assets/store/groups.json'\n      languages='/test-assets/store/languages.json'\n      fields='/test-assets/store/fields.json'\n    />`\n  );\n  await store.httpComplete;\n  await store.httpComplete;\n\n  return store;\n};\n\nexport const mockNow = (isodate: string) => {\n  const now = DateTime.fromISO(isodate);\n  // mock the current time\n  replace(DateTime, 'now', () => {\n    return now;\n  });\n};\n"]}