@nyaruka/temba-components 0.35.2 → 0.36.1

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

@@ -9,12 +9,18 @@ const getContactChat = async (attrs = {}) => {
     await delay(100);
     return chat;
 };
-describe('temba-contact-chat', () => {
-    // map requests for contact history and ticket api to our static files
-    // we'll just us the same history and ticket list for everybody for now
+const list_TAG = 'temba-list';
+const getTicketList = async (attrs = {}) => {
+    const list = (await getComponent(list_TAG, attrs));
+    // wait for the fetch
+    await list.httpComplete;
+    return list;
+};
+describe('temba-contact-chat - contact tests', () => {
+    // map requests for contact history to our static files
+    // we'll just us the same historylist for everybody for now
     beforeEach(() => {
         mockGET(/\/contact\/history\/contact-.*/, '/test-assets/contacts/history.json');
-        mockGET(/\/api\/v2\/tickets\.json\?contact=contact-.*/, '/test-assets/api/tickets.json');
     });
     it('can be created', async () => {
         // we are a StoreElement, so load a store first
@@ -24,93 +30,130 @@ describe('temba-contact-chat', () => {
         });
         await assertScreenshot('contacts/contact-active-default', getClip(chat));
     });
-    it('can send chat msg if contact is active', async () => {
+    it('show history and show chatbox if contact is active', async () => {
         // we are a StoreElement, so load a store first
         await loadStore();
         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');
-        const displayVal = chatboxDivEl.style.display;
-        expect(displayVal).to.equal('');
-        await assertScreenshot('contacts/contact-active-show-chat-msg', getClip(chat));
+        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('can see chat history if contact is active', async () => {
+    it('show history and hide chatbox if contact is archived', async () => {
         // we are a StoreElement, so load a store first
         await loadStore();
         const chat = await getContactChat({
-            contact: 'contact-dave-active',
+            contact: 'contact-barack-archived',
         });
         const chatHistoryEl = chat.shadowRoot.querySelector('temba-contact-history');
-        const displayVal = chatHistoryEl.style.display;
-        expect(displayVal).to.equal('');
-        await assertScreenshot('contacts/contact-active-show-chat-history', getClip(chat));
+        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('cannot send chat msg if contact is archived', async () => {
+    it('show history and hide chatbox if contact is blocked', async () => {
         // we are a StoreElement, so load a store first
         await loadStore();
         const chat = await getContactChat({
-            contact: 'contact-barak-archived',
+            contact: 'contact-michelle-blocked',
         });
-        const chatboxDivEl = chat.shadowRoot.querySelector('.chatbox');
-        const displayVal = chatboxDivEl.style.display;
-        expect(displayVal).to.equal('none');
-        await assertScreenshot('contacts/contact-archived-hide-chat-msg', getClip(chat));
+        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('can see chat history if contact is archived', async () => {
+    it('show history and hide chatbox if contact is stopped', async () => {
         // we are a StoreElement, so load a store first
         await loadStore();
         const chat = await getContactChat({
-            contact: 'contact-barak-archived',
+            contact: 'contact-tim-stopped',
         });
         const chatHistoryEl = chat.shadowRoot.querySelector('temba-contact-history');
-        const displayVal = chatHistoryEl.style.display;
-        expect(displayVal).to.equal('');
-        await assertScreenshot('contacts/contact-archived-show-chat-history', getClip(chat));
+        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-stopped-hide-chatbox', getClip(chat));
     });
-    it('cannot send chat msg if contact is blocked', async () => {
-        // we are a StoreElement, so load a store first
-        await loadStore();
-        const chat = await getContactChat({
-            contact: 'contact-michelle-blocked',
-        });
-        const chatboxDivEl = chat.shadowRoot.querySelector('.chatbox');
-        const displayVal = chatboxDivEl.style.display;
-        expect(displayVal).to.equal('none');
-        await assertScreenshot('contacts/contact-blocked-hide-chat-msg', 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
+    beforeEach(() => {
+        mockGET(/\/contact\/history\/contact-.*/, '/test-assets/contacts/history.json');
+        mockGET(/\/api\/v2\/tickets\.json.*/, '/test-assets/tickets/empty.json');
     });
-    it('can see chat history if contact is blocked', async () => {
+    it('show history and show chatbox if contact is active and ticket is open', async () => {
         // we are a StoreElement, so load a store first
         await loadStore();
         const chat = await getContactChat({
-            contact: 'contact-michelle-blocked',
+            contact: 'contact-carter-active',
+        });
+        const tickets = await getTicketList({
+            endpoint: '/test-assets/tickets/ticket-carter-open.json',
         });
+        chat.currentTicket = tickets.items[0];
+        chat.refresh();
         const chatHistoryEl = chat.shadowRoot.querySelector('temba-contact-history');
-        const displayVal = chatHistoryEl.style.display;
-        expect(displayVal).to.equal('');
-        await assertScreenshot('contacts/contact-blocked-show-chat-history', getClip(chat));
+        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 assertScreenshot('contacts/contact-active-ticket-open-show-chatbox', getClip(chat));
     });
-    it('cannot send chat msg if contact is stopped', async () => {
+    it('show history and show reopen button if contact is active and ticket is closed', async () => {
         // we are a StoreElement, so load a store first
         await loadStore();
         const chat = await getContactChat({
-            contact: 'contact-tim-stopped',
+            contact: 'contact-carter-active',
         });
-        const chatboxDivEl = chat.shadowRoot.querySelector('.chatbox');
-        const displayVal = chatboxDivEl.style.display;
-        expect(displayVal).to.equal('none');
-        await assertScreenshot('contacts/contact-stopped-hide-chat-msg', getClip(chat));
+        const tickets = await getTicketList({
+            endpoint: '/test-assets/tickets/ticket-carter-closed.json',
+        });
+        chat.currentTicket = tickets.items[0];
+        chat.refresh();
+        await waitFor(0);
+        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));
     });
-    it('can see chat history if contact is stopped', async () => {
+    it('show history and hide chatbox if contact is archived and ticket is closed', async () => {
         // we are a StoreElement, so load a store first
         await loadStore();
         const chat = await getContactChat({
-            contact: 'contact-tim-stopped',
+            contact: 'contact-barack-archived',
+        });
+        const tickets = await getTicketList({
+            endpoint: '/test-assets/tickets/ticket-barack-closed.json',
         });
+        chat.currentTicket = tickets.items[0];
+        chat.refresh();
+        await waitFor(0);
+        await chat.httpComplete;
         const chatHistoryEl = chat.shadowRoot.querySelector('temba-contact-history');
-        const displayVal = chatHistoryEl.style.display;
-        expect(displayVal).to.equal('');
-        await assertScreenshot('contacts/contact-stopped-show-chat-history', getClip(chat));
+        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-ticket-closed-hide-chatbox', getClip(chat));
     });
 });
 //# sourceMappingURL=temba-contact-chat.test.js.map

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 } from '@open-wc/testing';\nimport { ContactChat } from '../src/contacts/ContactChat';\nimport {\n  assertScreenshot,\n  delay,\n  getClip,\n  getComponent,\n  loadStore,\n  mockGET,\n} from '../test/utils.test';\n\nconst TAG = 'temba-contact-chat';\n\nconst getContactChat = async (attrs: any = {}) => {\n  attrs['endpoint'] = '/test-assets/contacts/';\n\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  // wait for our contact to load\n  await delay(100);\n\n  return chat;\n};\n\ndescribe('temba-contact-chat', () => {\n  // map requests for contact history and ticket api to our static files\n  // we'll just us the same history and ticket list for everybody for now\n  beforeEach(() => {\n    mockGET(\n      /\\/contact\\/history\\/contact-.*/,\n      '/test-assets/contacts/history.json'\n    );\n\n    mockGET(\n      /\\/api\\/v2\\/tickets\\.json\\?contact=contact-.*/,\n      '/test-assets/api/tickets.json'\n    );\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('can send chat msg 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 chatboxDivEl = chat.shadowRoot.querySelector(\n      '.chatbox'\n    ) as HTMLDivElement;\n    const displayVal = chatboxDivEl.style.display;\n    expect(displayVal).to.equal('');\n\n    await assertScreenshot(\n      'contacts/contact-active-show-chat-msg',\n      getClip(chat)\n    );\n  });\n\n  it('can see chat history 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 HTMLDivElement;\n    const displayVal = chatHistoryEl.style.display;\n    expect(displayVal).to.equal('');\n\n    await assertScreenshot(\n      'contacts/contact-active-show-chat-history',\n      getClip(chat)\n    );\n  });\n\n  it('cannot send chat msg 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-barak-archived',\n    });\n\n    const chatboxDivEl = chat.shadowRoot.querySelector(\n      '.chatbox'\n    ) as HTMLDivElement;\n    const displayVal = chatboxDivEl.style.display;\n    expect(displayVal).to.equal('none');\n\n    await assertScreenshot(\n      'contacts/contact-archived-hide-chat-msg',\n      getClip(chat)\n    );\n  });\n\n  it('can see chat history 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-barak-archived',\n    });\n\n    const chatHistoryEl = chat.shadowRoot.querySelector(\n      'temba-contact-history'\n    ) as HTMLDivElement;\n    const displayVal = chatHistoryEl.style.display;\n    expect(displayVal).to.equal('');\n\n    await assertScreenshot(\n      'contacts/contact-archived-show-chat-history',\n      getClip(chat)\n    );\n  });\n\n  it('cannot send chat msg 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 chatboxDivEl = chat.shadowRoot.querySelector(\n      '.chatbox'\n    ) as HTMLDivElement;\n    const displayVal = chatboxDivEl.style.display;\n    expect(displayVal).to.equal('none');\n\n    await assertScreenshot(\n      'contacts/contact-blocked-hide-chat-msg',\n      getClip(chat)\n    );\n  });\n\n  it('can see chat history 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 HTMLDivElement;\n    const displayVal = chatHistoryEl.style.display;\n    expect(displayVal).to.equal('');\n\n    await assertScreenshot(\n      'contacts/contact-blocked-show-chat-history',\n      getClip(chat)\n    );\n  });\n\n  it('cannot send chat msg 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 chatboxDivEl = chat.shadowRoot.querySelector(\n      '.chatbox'\n    ) as HTMLDivElement;\n    const displayVal = chatboxDivEl.style.display;\n    expect(displayVal).to.equal('none');\n\n    await assertScreenshot(\n      'contacts/contact-stopped-hide-chat-msg',\n      getClip(chat)\n    );\n  });\n\n  it('can see chat history 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 HTMLDivElement;\n    const displayVal = chatHistoryEl.style.display;\n    expect(displayVal).to.equal('');\n\n    await assertScreenshot(\n      'contacts/contact-stopped-show-chat-history',\n      getClip(chat)\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 { expect } from '@open-wc/testing';\nimport { ContactChat } from '../src/contacts/ContactChat';\nimport { ContactHistory } from '../src/contacts/ContactHistory';\nimport { TicketList } from '../src/list/TicketList';\nimport {\n  assertScreenshot,\n  delay,\n  getClip,\n  getComponent,\n  loadStore,\n  mockGET,\n} from '../test/utils.test';\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  // wait for our contact to load\n  await delay(100);\n\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  // wait for the fetch\n  await list.httpComplete;\n  return list;\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  });\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);\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  });\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  });\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 waitFor(0);\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  });\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    await waitFor(0);\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.equal(null);\n\n    await assertScreenshot(\n      'contacts/contact-archived-ticket-closed-hide-chatbox',\n      getClip(chat)\n    );\n  });\n});\n"]}

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

@@ -58,7 +58,7 @@ describe('temba-contact-history', () => {
             const group = history.shadowRoot.querySelector(`.event-count[data-group-index='${idx}']`);
             group.click();
         }
-        await waitFor(800);
+        await waitFor(500);
         await assertScreenshot('contacts/history-expanded', 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":"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","sourcesContent":["import { fixture, assert, expect } from '@open-wc/testing';\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  // let history fetch start and wait for it\n  await waitFor(0);\n  await history.httpComplete;\n\n  // wait for scroll update\n  await waitFor(0);\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');\n\ndescribe('temba-contact-history', () => {\n  beforeEach(async () => {\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  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    await waitFor(500);\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\n    // make sure we actually scrolled to there\n    expect(events.scrollTop).to.equal(top);\n\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    }\n\n    await waitFor(800);\n\n    await assertScreenshot(\n      'contacts/history-expanded',\n      getHistoryClip(history)\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 { 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  // let history fetch start and wait for it\n  await waitFor(0);\n  await history.httpComplete;\n\n  // wait for scroll update\n  await waitFor(0);\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');\n\ndescribe('temba-contact-history', () => {\n  beforeEach(async () => {\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  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    await waitFor(500);\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\n    // make sure we actually scrolled to there\n    expect(events.scrollTop).to.equal(top);\n\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    }\n\n    await waitFor(500);\n\n    await assertScreenshot(\n      'contacts/history-expanded',\n      getHistoryClip(history)\n    );\n  });\n});\n"]}

package/out-tsc/test/temba-content-menu.test.js

@@ -0,0 +1,57 @@
+import { assert, expect } from '@open-wc/testing';
+import { CustomEventType } from '../src/interfaces';
+import { ContentMenu } from '../src/list/ContentMenu';
+import { assertScreenshot, getClip, getComponent } from './utils.test';
+const TAG = 'temba-content-menu';
+const getContentMenu = async (attrs = {}, width = 0) => {
+    const contentMenu = (await getComponent(TAG, attrs, '', width, 0, 'display:inline-block'));
+    // return right away if we don't have an endpoint
+    if (!contentMenu.endpoint) {
+        return contentMenu;
+    }
+    // if we have an endpoint, wait for a loaded event before returning
+    return new Promise(resolve => {
+        contentMenu.addEventListener(CustomEventType.Loaded, async () => {
+            resolve(contentMenu);
+        });
+    });
+};
+describe('temba-content-menu', () => {
+    it('can initially be created without endpoint', async () => {
+        const contentMenu = await getContentMenu();
+        assert.instanceOf(contentMenu, ContentMenu);
+        expect(contentMenu.endpoint).is.undefined;
+    });
+    it('with 1+ items and 1+ buttons', async () => {
+        const contentMenu = await getContentMenu({
+            endpoint: '/test-assets/list/content-menu-contact-read.json',
+        });
+        expect(contentMenu.items.length).equals(5);
+        expect(contentMenu.buttons.length).equals(1);
+        await assertScreenshot('content-menu/items-and-buttons', getClip(contentMenu));
+    });
+    it('with 1+ items and 0 buttons', async () => {
+        const contentMenu = await getContentMenu({
+            endpoint: '/test-assets/list/content-menu-archived-contacts.json',
+        });
+        expect(contentMenu.items.length).equals(1);
+        expect(contentMenu.buttons.length).equals(0);
+        await assertScreenshot('content-menu/item-no-buttons', getClip(contentMenu));
+    });
+    it('with 0 items and 1+ buttons', async () => {
+        const contentMenu = await getContentMenu({
+            endpoint: '/test-assets/list/content-menu-new-campaign.json',
+        });
+        expect(contentMenu.items.length).equals(0);
+        expect(contentMenu.buttons.length).equals(1);
+        await assertScreenshot('content-menu/button-no-items', getClip(contentMenu));
+    });
+    it('bad endpoint', async () => {
+        const contentMenu = await getContentMenu({
+            endpoint: '/test-assets/list/content-menu-bad-endpoint.json',
+        });
+        expect(contentMenu.items.length).equals(0);
+        expect(contentMenu.buttons.length).equals(0);
+    });
+});
+//# sourceMappingURL=temba-content-menu.test.js.map

package/out-tsc/test/temba-content-menu.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"temba-content-menu.test.js","sourceRoot":"","sources":["../../test/temba-content-menu.test.ts"],"names":[],"mappings":"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","sourcesContent":["import { assert, expect } from '@open-wc/testing';\nimport { CustomEventType } from '../src/interfaces';\nimport { ContentMenu, ContentMenuItemType } from '../src/list/ContentMenu';\nimport { assertScreenshot, getClip, getComponent } from './utils.test';\n\nconst TAG = 'temba-content-menu';\nconst getContentMenu = async (attrs: any = {}, width = 0) => {\n  const contentMenu = (await getComponent(\n    TAG,\n    attrs,\n    '',\n    width,\n    0,\n    'display:inline-block'\n  )) as ContentMenu;\n\n  // return right away if we don't have an endpoint\n  if (!contentMenu.endpoint) {\n    return contentMenu;\n  }\n\n  // if we have an endpoint, wait for a loaded event before returning\n  return new Promise<ContentMenu>(resolve => {\n    contentMenu.addEventListener(CustomEventType.Loaded, async () => {\n      resolve(contentMenu);\n    });\n  });\n};\n\ndescribe('temba-content-menu', () => {\n  it('can initially be created without endpoint', async () => {\n    const contentMenu: ContentMenu = await getContentMenu();\n    assert.instanceOf(contentMenu, ContentMenu);\n    expect(contentMenu.endpoint).is.undefined;\n  });\n\n  it('with 1+ items and 1+ buttons', async () => {\n    const contentMenu: ContentMenu = await getContentMenu({\n      endpoint: '/test-assets/list/content-menu-contact-read.json',\n    });\n\n    expect(contentMenu.items.length).equals(5);\n    expect(contentMenu.buttons.length).equals(1);\n    await assertScreenshot(\n      'content-menu/items-and-buttons',\n      getClip(contentMenu)\n    );\n  });\n\n  it('with 1+ items and 0 buttons', async () => {\n    const contentMenu: ContentMenu = await getContentMenu({\n      endpoint: '/test-assets/list/content-menu-archived-contacts.json',\n    });\n\n    expect(contentMenu.items.length).equals(1);\n    expect(contentMenu.buttons.length).equals(0);\n    await assertScreenshot(\n      'content-menu/item-no-buttons',\n      getClip(contentMenu)\n    );\n  });\n\n  it('with 0 items and 1+ buttons', async () => {\n    const contentMenu: ContentMenu = await getContentMenu({\n      endpoint: '/test-assets/list/content-menu-new-campaign.json',\n    });\n\n    expect(contentMenu.items.length).equals(0);\n    expect(contentMenu.buttons.length).equals(1);\n    await assertScreenshot(\n      'content-menu/button-no-items',\n      getClip(contentMenu)\n    );\n  });\n\n  it('bad endpoint', async () => {\n    const contentMenu: ContentMenu = await getContentMenu({\n      endpoint: '/test-assets/list/content-menu-bad-endpoint.json',\n    });\n\n    expect(contentMenu.items.length).equals(0);\n    expect(contentMenu.buttons.length).equals(0);\n  });\n});\n"]}

package/out-tsc/test/temba-modax.test.js

@@ -1,7 +1,8 @@
 import { fixture, expect, assert } from '@open-wc/testing';
-import { Modax } from '../src/dialog/Modax';
 import { useFakeTimers } from 'sinon';
-import { assertScreenshot, checkTimers, getClip, mockPOST } from './utils.test';
+import { Modax } from '../src/dialog/Modax';
+import { CustomEventType } from '../src/interfaces';
+import { assertScreenshot, getClip, mockPOST } from './utils.test';
 let clock;
 const getModaxHTML = (endpoint) => {
     return `
@@ -16,10 +17,17 @@ const getButtons = (modax, type = null) => {
         .shadowRoot.querySelectorAll(type ? `temba-button[${type}='']` : 'temba-button');
 };
 const open = async (modax) => {
-    modax.open = true;
-    await modax.updateComplete;
-    await modax.httpComplete;
-    await clock.tick(400);
+    return new Promise((resolve, reject) => {
+        modax.addEventListener(CustomEventType.Loaded, async (event) => {
+            await clock.runAll();
+            resolve(event.detail);
+        });
+        modax.addEventListener(CustomEventType.Redirected, async (event) => {
+            await clock.runAll();
+            resolve(event.detail);
+        });
+        modax.open = true;
+    });
 };
 const clickPrimary = async (modax) => {
     const buttons = getButtons(modax);
@@ -35,10 +43,8 @@ const clickPrimary = async (modax) => {
         }
         expect(primary).not.equals(undefined, 'Missing primary button');
         primary.click();
-        await clock.tick(500);
-        await clock.tick(100);
         await waitFor(0);
-        await clock.tick(1000);
+        await clock.runAll();
     }
 };
 const getDialogClip = (modax) => {
@@ -58,11 +64,8 @@ describe('temba-modax', () => {
     });
     it('opens', async () => {
         const modax = await fixture(getModaxHTML('/test-assets/modax/hello.html'));
-        await click('temba-modax');
+        await open(modax);
         expect(modax.open).equals(true);
-        await modax.httpComplete;
-        await clock.tick(400);
-        checkTimers(clock);
         // Now our body should have our endpoint text
         expect(modax.getBody().innerHTML).to.contain('Hello World');
         await assertScreenshot('modax/simple', getDialogClip(modax));
@@ -72,6 +75,8 @@ describe('temba-modax', () => {
         expect(modax.open).to.equal(false);
         await open(modax);
         expect(modax.open).to.equal(true);
+        expect(modax.primaryName).to.equal("Save Everything");
+        expect(modax.cancelName).to.equal("Cancel");
         await assertScreenshot('modax/form', getDialogClip(modax));
     });
     it('reverts primary name on reuse', async () => {
@@ -87,14 +92,8 @@ describe('temba-modax', () => {
         expect(modax.open).equals(false);
         // now fetch form from the same modax
         modax.endpoint = '/test-assets/modax/form.html';
-        await modax.updateComplete;
-        await modax.httpComplete;
-        await clock.tick(400);
         await open(modax);
         expect(modax.open).equals(true);
-        await modax.httpComplete;
-        await clock.tick(400);
-        await waitFor(100);
         // now we should have two buttons, 'Save Everything' and 'Cancel'
         buttons = getButtons(modax);
         expect(buttons.length).equals(2);

package/out-tsc/test/temba-modax.test.js.map

@@ -1 +1 @@
-{"version":3,"file":"temba-modax.test.js","sourceRoot":"","sources":["../../test/temba-modax.test.ts"],"names":[],"mappings":"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","sourcesContent":["import { fixture, expect, assert } from '@open-wc/testing';\nimport { Button } from '../src/button/Button';\nimport { Modax } from '../src/dialog/Modax';\nimport { useFakeTimers } from 'sinon';\nimport { assertScreenshot, checkTimers, getClip, mockPOST } from './utils.test';\n\nlet clock: any;\n\nconst getModaxHTML = (endpoint: string): string => {\n  return `\n      <temba-modax header=\"Hello Modax\" endpoint=\"${endpoint}\">\n        <div>Open Me</div>\n      </temba-modax>\n    `;\n};\n\nconst getButtons = (modax: Modax, type: string = null) => {\n  return modax.shadowRoot\n    .querySelector('temba-dialog')\n    .shadowRoot.querySelectorAll(\n      type ? `temba-button[${type}='']` : 'temba-button'\n    );\n};\n\nconst open = async (modax: Modax) => {\n  modax.open = true;\n  await modax.updateComplete;\n  await modax.httpComplete;\n  await clock.tick(400);\n};\n\nconst clickPrimary = async (modax: Modax) => {\n  const buttons = getButtons(modax);\n\n  if (buttons.length > 0) {\n    let primary = buttons[0] as Button;\n\n    if (buttons.length > 1) {\n      // look for our primary flag\n      buttons.forEach((button: Button) => {\n        if (button.primary) {\n          primary = button;\n        }\n      });\n    }\n\n    expect(primary).not.equals(undefined, 'Missing primary button');\n    primary.click();\n    await clock.tick(500);\n    await clock.tick(100);\n    await waitFor(0);\n    await clock.tick(1000);\n  }\n};\n\nconst getDialogClip = (modax: Modax) => {\n  const dialog = modax.shadowRoot.querySelector('temba-dialog');\n\n  return getClip(\n    dialog.shadowRoot.querySelector('.dialog-container') as HTMLElement\n  );\n};\n\ndescribe('temba-modax', () => {\n  beforeEach(function () {\n    clock = useFakeTimers();\n  });\n\n  afterEach(function () {\n    clock.restore();\n  });\n\n  it('can be created', async () => {\n    const modax: Modax = await fixture(\n      getModaxHTML('/test-assets/modax/hello.html')\n    );\n    assert.instanceOf(modax, Modax);\n  });\n\n  it('opens', async () => {\n    const modax: Modax = await fixture(\n      getModaxHTML('/test-assets/modax/hello.html')\n    );\n\n    await click('temba-modax');\n    expect(modax.open).equals(true);\n    await modax.httpComplete;\n    await clock.tick(400);\n    checkTimers(clock);\n\n    // Now our body should have our endpoint text\n    expect(modax.getBody().innerHTML).to.contain('Hello World');\n    await assertScreenshot('modax/simple', getDialogClip(modax));\n  });\n\n  it('fetches forms', async () => {\n    const modax: Modax = await fixture(\n      getModaxHTML('/test-assets/modax/form.html')\n    );\n    expect(modax.open).to.equal(false);\n    await open(modax);\n\n    expect(modax.open).to.equal(true);\n    await assertScreenshot('modax/form', getDialogClip(modax));\n  });\n\n  it('reverts primary name on reuse', async () => {\n    const modax: Modax = await fixture(\n      getModaxHTML('/test-assets/modax/hello.html')\n    );\n\n    // await click('temba-modax');\n    await open(modax);\n    expect(modax.open).equals(true);\n\n    // should only have one button, okay\n    let buttons = getButtons(modax);\n    expect(buttons.length).equals(1);\n\n    // close our dialog\n    await clickPrimary(modax);\n    expect(modax.open).equals(false);\n\n    // now fetch form from the same modax\n    modax.endpoint = '/test-assets/modax/form.html';\n    await modax.updateComplete;\n    await modax.httpComplete;\n    await clock.tick(400);\n\n    await open(modax);\n    expect(modax.open).equals(true);\n    await modax.httpComplete;\n    await clock.tick(400);\n    await waitFor(100);\n\n    // now we should have two buttons, 'Save Everything' and 'Cancel'\n    buttons = getButtons(modax);\n    expect(buttons.length).equals(2);\n\n    // secondary should be Cancel, not Ok\n    const secondary = getButtons(modax, 'secondary')[0] as Button;\n    expect(secondary.name).equals('Cancel');\n  });\n\n  it('closes after redirect', async () => {\n    const modax: Modax = await fixture(\n      getModaxHTML('/test-assets/modax/form.html')\n    );\n\n    await open(modax);\n    const primary = getButtons(modax, 'primary')[0] as Button;\n    expect(primary.name).equals('Save Everything');\n\n    // click the submit button\n    mockPOST(/\\/test-assets\\/modax\\/form\\.html/, '', {\n      'Temba-Success': '/newpage',\n    });\n    await clickPrimary(modax);\n\n    // our modal should go away as we redirect\n    expect(modax.open).equals(false, 'Modal still visible');\n  });\n});\n"]}
+{"version":3,"file":"temba-modax.test.js","sourceRoot":"","sources":["../../test/temba-modax.test.ts"],"names":[],"mappings":"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","sourcesContent":["import { fixture, expect, assert } from '@open-wc/testing';\nimport { useFakeTimers } from 'sinon';\nimport { Button } from '../src/button/Button';\nimport { Modax } from '../src/dialog/Modax';\nimport { CustomEventType } from '../src/interfaces';\nimport { assertScreenshot, checkTimers, getClip, mockPOST } from './utils.test';\n\nlet clock: any;\n\nconst getModaxHTML = (endpoint: string): string => {\n  return `\n      <temba-modax header=\"Hello Modax\" endpoint=\"${endpoint}\">\n        <div>Open Me</div>\n      </temba-modax>\n    `;\n};\n\nconst getButtons = (modax: Modax, type: string = null) => {\n  return modax.shadowRoot\n    .querySelector('temba-dialog')\n    .shadowRoot.querySelectorAll(\n      type ? `temba-button[${type}='']` : 'temba-button'\n    );\n};\n\nconst open = async (modax: Modax) => {  \n  return new Promise((resolve: any, reject: any)=>{\n    modax.addEventListener(CustomEventType.Loaded, async (event: CustomEvent)=>{\n      await clock.runAll();\n      resolve(event.detail);\n    });\n\n    modax.addEventListener(CustomEventType.Redirected, async (event: CustomEvent)=>{\n      await clock.runAll();\n      resolve(event.detail);\n    });\n\n    modax.open = true;\n\n\n  });\n};\n\nconst clickPrimary = async (modax: Modax) => {\n  const buttons = getButtons(modax);\n\n  if (buttons.length > 0) {\n    let primary = buttons[0] as Button;\n\n    if (buttons.length > 1) {\n      // look for our primary flag\n      buttons.forEach((button: Button) => {\n        if (button.primary) {\n          primary = button;\n        }\n      });\n    }\n\n    expect(primary).not.equals(undefined, 'Missing primary button');\n    primary.click();\n    await waitFor(0);\n    await clock.runAll();\n  }\n};\n\nconst getDialogClip = (modax: Modax) => {\n  const dialog = modax.shadowRoot.querySelector('temba-dialog');\n  return getClip(\n    dialog.shadowRoot.querySelector('.dialog-container') as HTMLElement\n  );\n};\n\ndescribe('temba-modax', () => {\n  beforeEach(function () {\n    clock = useFakeTimers();\n  });\n\n  afterEach(function () {\n    clock.restore();\n  });\n\n  it('can be created', async () => {\n    const modax: Modax = await fixture(\n      getModaxHTML('/test-assets/modax/hello.html')\n    );\n    assert.instanceOf(modax, Modax);\n  });\n\n  it('opens', async () => {\n    const modax: Modax = await fixture(\n      getModaxHTML('/test-assets/modax/hello.html')\n    );\n\n    await open(modax);\n    expect(modax.open).equals(true);\n\n    // Now our body should have our endpoint text\n    expect(modax.getBody().innerHTML).to.contain('Hello World');\n\n    await assertScreenshot('modax/simple', getDialogClip(modax));\n  });\n\n  it('fetches forms', async () => {\n    const modax: Modax = await fixture(\n      getModaxHTML('/test-assets/modax/form.html')\n    );\n    expect(modax.open).to.equal(false);\n    await open(modax);\n\n    expect(modax.open).to.equal(true);\n\n    expect(modax.primaryName).to.equal(\"Save Everything\");\n    expect(modax.cancelName).to.equal(\"Cancel\");\n\n    await assertScreenshot('modax/form', getDialogClip(modax));\n  });\n\n  it('reverts primary name on reuse', async () => {\n    const modax: Modax = await fixture(\n      getModaxHTML('/test-assets/modax/hello.html')\n    );\n\n    // await click('temba-modax');\n    await open(modax);\n    expect(modax.open).equals(true);\n\n    // should only have one button, okay\n    let buttons = getButtons(modax);\n    expect(buttons.length).equals(1);\n\n    // close our dialog\n    await clickPrimary(modax);\n    expect(modax.open).equals(false);\n\n    // now fetch form from the same modax\n    modax.endpoint = '/test-assets/modax/form.html';\n    await open(modax);\n    expect(modax.open).equals(true);\n\n    // now we should have two buttons, 'Save Everything' and 'Cancel'\n    buttons = getButtons(modax);\n    expect(buttons.length).equals(2);\n\n    // secondary should be Cancel, not Ok\n    const secondary = getButtons(modax, 'secondary')[0] as Button;\n    expect(secondary.name).equals('Cancel');\n  });\n\n  it('closes after redirect', async () => {\n    const modax: Modax = await fixture(\n      getModaxHTML('/test-assets/modax/form.html')\n    );\n\n    await open(modax);\n    const primary = getButtons(modax, 'primary')[0] as Button;\n    expect(primary.name).equals('Save Everything');\n\n    // click the submit button\n    mockPOST(/\\/test-assets\\/modax\\/form\\.html/, '', {\n      'Temba-Success': '/newpage',\n    });\n    await clickPrimary(modax);\n\n    // our modal should go away as we redirect\n    expect(modax.open).equals(false, 'Modal still visible');\n  });\n});\n"]}

package/out-tsc/test/temba-select.test.js

@@ -94,6 +94,7 @@ const getClipWithOptions = (select) => {
 describe('temba-select', () => {
     beforeEach(function () {
         clock = useFakeTimers();
+        clock.tick(400);
         setViewport({ width: 500, height: 1000, deviceScaleFactor: 2 });
     });
     afterEach(function () {