@nyaruka/temba-components 0.29.0 → 0.30.0

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

@@ -1,5 +1,5 @@
 import { fixture, assert, expect } from '@open-wc/testing';
-import sinon from 'sinon';
+import * as sinon from 'sinon';
 import { ContactHistory } from '../src/contacts/ContactHistory';
 import { stubbable } from '../src/utils';
 import { assertScreenshot, getClip, getHTML, mockGET, } from '../test/utils.test';
@@ -31,8 +31,8 @@ sinon.stub(stubbable, 'getCurrentDate').callsFake(() => {
 });
 describe('temba-contact-history', () => {
     beforeEach(() => {
-        mockGET(/\/contact\/history\/1234\/.*/, '/test-assets/contacts/history.json');
-        mockGET(/\/api\/v2\/tickets\.json\?contact=1234/, '/test-assets/api/tickets.json');
+        mockGET(/\/contact\/history\/contact-dave-active\/.*/, '/test-assets/contacts/history.json');
+        mockGET(/\/api\/v2\/tickets\.json\?contact=contact-dave-active/, '/test-assets/api/tickets.json');
     });
     it('can be created', async () => {
         const history = await createHistory(getHistoryHTML());
@@ -40,20 +40,20 @@ describe('temba-contact-history', () => {
     });
     it('renders history', async () => {
         const history = await createHistory(getHistoryHTML({
-            uuid: '1234',
+            uuid: 'contact-dave-active',
         }));
         await waitFor(500);
         // we should have scrolled to the bottom
         const events = history.shadowRoot.querySelector('.events');
         const top = events.scrollHeight - events.getBoundingClientRect().height;
-        expect(top).to.equal(533);
+        expect(top).to.equal(520);
         // make sure we actually scrolled to there
         expect(events.scrollTop).to.equal(top);
         await assertScreenshot('contacts/history', getHistoryClip(history));
     });
     it('expands event groups', async () => {
         const history = await createHistory(getHistoryHTML({
-            uuid: '1234',
+            uuid: 'contact-dave-active',
         }));
         // our groups with collapsed events
         const groups = [3, 5, 7];

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 sinon from 'sinon';\nimport { ContactHistory } from '../src/contacts/ContactHistory';\nimport { stubbable } from '../src/utils';\nimport {\n  assertScreenshot,\n  getClip,\n  getHTML,\n  mockGET,\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\nsinon.stub(stubbable, 'getCurrentDate').callsFake(() => {\n  return new Date('2021-03-31T00:00:00.000-00:00');\n});\n\ndescribe('temba-contact-history', () => {\n  beforeEach(() => {\n    mockGET(\n      /\\/contact\\/history\\/1234\\/.*/,\n      '/test-assets/contacts/history.json'\n    );\n\n    mockGET(\n      /\\/api\\/v2\\/tickets\\.json\\?contact=1234/,\n      '/test-assets/api/tickets.json'\n    );\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: '1234',\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(533);\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: '1234',\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 * as sinon from 'sinon';\nimport { ContactHistory } from '../src/contacts/ContactHistory';\nimport { stubbable } from '../src/utils';\nimport {\n  assertScreenshot,\n  getClip,\n  getHTML,\n  mockGET,\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\nsinon.stub(stubbable, 'getCurrentDate').callsFake(() => {\n  return new Date('2021-03-31T00:00:00.000-00:00');\n});\n\ndescribe('temba-contact-history', () => {\n  beforeEach(() => {\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\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(520);\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"]}

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

@@ -1,5 +1,5 @@
 import { assert, expect, fixture } from '@open-wc/testing';
-import sinon from 'sinon';
+import * as sinon from 'sinon';
 import { Dialog } from '../src/dialog/Dialog';
 import { assertScreenshot, getClip } from './utils.test';
 const getDialogClip = (dialog) => {

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

@@ -1 +1 @@
-{"version":3,"file":"temba-dialog.test.js","sourceRoot":"","sources":["../../test/temba-dialog.test.ts"],"names":[],"mappings":"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","sourcesContent":["import { assert, expect, fixture } from '@open-wc/testing';\nimport sinon from 'sinon';\nimport { Dialog } from '../src/dialog/Dialog';\nimport { assertScreenshot, getClip } from './utils.test';\n\nconst getDialogClip = (dialog: Dialog) => {\n  return getClip(\n    dialog.shadowRoot.querySelector('.dialog-container') as HTMLElement\n  );\n};\n\nconst getDialogHTML = (hideOnClick = false) => {\n  return `\n    <temba-dialog header=\"Hello Dialog\" ${hideOnClick ? 'hideOnClick' : ''}>\n      <input name=\"comment\" type=\"text\" style=\"margin: 10px\"/>\n    </temba-dialog>\n  `;\n};\n\nconst open = async (dialog: Dialog) => {\n  const clock = sinon.useFakeTimers();\n  dialog.open = true;\n\n  await dialog.updateComplete;\n\n  // our dialog will animate onto the screen\n  clock.tick(400);\n  await dialog.updateComplete;\n\n  // gain focus for first text input\n  clock.tick(100);\n  await dialog.updateComplete;\n\n  clock.restore();\n};\n\nconst close = async (dialog: Dialog) => {\n  const clock = sinon.useFakeTimers();\n  dialog.open = false;\n  await dialog.updateComplete;\n\n  // tick forward for close to complete\n  clock.tick(400);\n\n  clock.restore();\n};\n\ndescribe('temba-dialog', () => {\n  it('can be created', async () => {\n    const dialog: Dialog = await fixture(getDialogHTML());\n    assert.instanceOf(dialog, Dialog);\n  });\n\n  it('can be opened', async () => {\n    const dialog: Dialog = await fixture(getDialogHTML());\n    await open(dialog);\n    expect(dialog.ready).to.equal(true);\n  });\n\n  it('can be closed by attribute', async () => {\n    const dialog: Dialog = await fixture(getDialogHTML());\n    await open(dialog);\n    expect(dialog.ready).to.equal(true);\n    dialog.open = false;\n  });\n\n  it('can be canceled', async () => {\n    const dialog: Dialog = await fixture(getDialogHTML());\n    await open(dialog);\n    expect(dialog.ready).to.equal(true);\n\n    dialog.getCancelButton().click();\n    expect(dialog.open).to.equal(false);\n  });\n\n  it('restricts and restores background scrolling', async () => {\n    const dialog: Dialog = await fixture(getDialogHTML());\n    await open(dialog);\n    const body = document.querySelector('body');\n    expect(body.style.position).to.equal('fixed');\n\n    await close(dialog);\n    dialog.getCancelButton().click();\n    await dialog.updateComplete;\n    expect(body.style.position).to.equal('');\n  });\n\n  it('focuses the first text input', async () => {\n    const dialog: Dialog = await fixture(getDialogHTML());\n    await open(dialog);\n\n    const input = dialog.querySelector('input');\n    expect(document.activeElement).to.equal(input);\n    await assertScreenshot('dialog/focused', getDialogClip(dialog));\n  });\n\n  it('hides on click', async () => {\n    const dialog: Dialog = await fixture(getDialogHTML(true));\n    await open(dialog);\n\n    const mask: HTMLDivElement =\n      dialog.shadowRoot.querySelector('#dialog-mask');\n    mask.click();\n\n    await dialog.updateComplete;\n    expect(dialog.open).to.equal(false);\n  });\n\n  it('hides on escape', async () => {\n    const dialog: Dialog = await fixture(getDialogHTML(true));\n    await open(dialog);\n    expect(dialog.open).to.equal(true);\n\n    // simulate the escape key\n    const element = dialog.shadowRoot.querySelector('.dialog-container');\n    element.dispatchEvent(new KeyboardEvent('keyup', { key: 'Escape' }));\n    expect(dialog.open).to.equal(false);\n  });\n});\n"]}
+{"version":3,"file":"temba-dialog.test.js","sourceRoot":"","sources":["../../test/temba-dialog.test.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAC3D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAC9C,OAAO,EAAE,gBAAgB,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AAEzD,MAAM,aAAa,GAAG,CAAC,MAAc,EAAE,EAAE;IACvC,OAAO,OAAO,CACZ,MAAM,CAAC,UAAU,CAAC,aAAa,CAAC,mBAAmB,CAAgB,CACpE,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,aAAa,GAAG,CAAC,WAAW,GAAG,KAAK,EAAE,EAAE;IAC5C,OAAO;0CACiC,WAAW,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,EAAE;;;GAGvE,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,IAAI,GAAG,KAAK,EAAE,MAAc,EAAE,EAAE;IACpC,MAAM,KAAK,GAAG,KAAK,CAAC,aAAa,EAAE,CAAC;IACpC,MAAM,CAAC,IAAI,GAAG,IAAI,CAAC;IAEnB,MAAM,MAAM,CAAC,cAAc,CAAC;IAE5B,0CAA0C;IAC1C,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAChB,MAAM,MAAM,CAAC,cAAc,CAAC;IAE5B,kCAAkC;IAClC,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAChB,MAAM,MAAM,CAAC,cAAc,CAAC;IAE5B,KAAK,CAAC,OAAO,EAAE,CAAC;AAClB,CAAC,CAAC;AAEF,MAAM,KAAK,GAAG,KAAK,EAAE,MAAc,EAAE,EAAE;IACrC,MAAM,KAAK,GAAG,KAAK,CAAC,aAAa,EAAE,CAAC;IACpC,MAAM,CAAC,IAAI,GAAG,KAAK,CAAC;IACpB,MAAM,MAAM,CAAC,cAAc,CAAC;IAE5B,qCAAqC;IACrC,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAEhB,KAAK,CAAC,OAAO,EAAE,CAAC;AAClB,CAAC,CAAC;AAEF,QAAQ,CAAC,cAAc,EAAE,GAAG,EAAE;IAC5B,EAAE,CAAC,gBAAgB,EAAE,KAAK,IAAI,EAAE;QAC9B,MAAM,MAAM,GAAW,MAAM,OAAO,CAAC,aAAa,EAAE,CAAC,CAAC;QACtD,MAAM,CAAC,UAAU,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACpC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,eAAe,EAAE,KAAK,IAAI,EAAE;QAC7B,MAAM,MAAM,GAAW,MAAM,OAAO,CAAC,aAAa,EAAE,CAAC,CAAC;QACtD,MAAM,IAAI,CAAC,MAAM,CAAC,CAAC;QACnB,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;IACtC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,4BAA4B,EAAE,KAAK,IAAI,EAAE;QAC1C,MAAM,MAAM,GAAW,MAAM,OAAO,CAAC,aAAa,EAAE,CAAC,CAAC;QACtD,MAAM,IAAI,CAAC,MAAM,CAAC,CAAC;QACnB,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;QACpC,MAAM,CAAC,IAAI,GAAG,KAAK,CAAC;IACtB,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,iBAAiB,EAAE,KAAK,IAAI,EAAE;QAC/B,MAAM,MAAM,GAAW,MAAM,OAAO,CAAC,aAAa,EAAE,CAAC,CAAC;QACtD,MAAM,IAAI,CAAC,MAAM,CAAC,CAAC;QACnB,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;QAEpC,MAAM,CAAC,eAAe,EAAE,CAAC,KAAK,EAAE,CAAC;QACjC,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;IACtC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,6CAA6C,EAAE,KAAK,IAAI,EAAE;QAC3D,MAAM,MAAM,GAAW,MAAM,OAAO,CAAC,aAAa,EAAE,CAAC,CAAC;QACtD,MAAM,IAAI,CAAC,MAAM,CAAC,CAAC;QACnB,MAAM,IAAI,GAAG,QAAQ,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC;QAC5C,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;QAE9C,MAAM,KAAK,CAAC,MAAM,CAAC,CAAC;QACpB,MAAM,CAAC,eAAe,EAAE,CAAC,KAAK,EAAE,CAAC;QACjC,MAAM,MAAM,CAAC,cAAc,CAAC;QAC5B,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;IAC3C,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,8BAA8B,EAAE,KAAK,IAAI,EAAE;QAC5C,MAAM,MAAM,GAAW,MAAM,OAAO,CAAC,aAAa,EAAE,CAAC,CAAC;QACtD,MAAM,IAAI,CAAC,MAAM,CAAC,CAAC;QAEnB,MAAM,KAAK,GAAG,MAAM,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;QAC5C,MAAM,CAAC,QAAQ,CAAC,aAAa,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;QAC/C,MAAM,gBAAgB,CAAC,gBAAgB,EAAE,aAAa,CAAC,MAAM,CAAC,CAAC,CAAC;IAClE,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,gBAAgB,EAAE,KAAK,IAAI,EAAE;QAC9B,MAAM,MAAM,GAAW,MAAM,OAAO,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC,CAAC;QAC1D,MAAM,IAAI,CAAC,MAAM,CAAC,CAAC;QAEnB,MAAM,IAAI,GACR,MAAM,CAAC,UAAU,CAAC,aAAa,CAAC,cAAc,CAAC,CAAC;QAClD,IAAI,CAAC,KAAK,EAAE,CAAC;QAEb,MAAM,MAAM,CAAC,cAAc,CAAC;QAC5B,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;IACtC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,iBAAiB,EAAE,KAAK,IAAI,EAAE;QAC/B,MAAM,MAAM,GAAW,MAAM,OAAO,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC,CAAC;QAC1D,MAAM,IAAI,CAAC,MAAM,CAAC,CAAC;QACnB,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;QAEnC,0BAA0B;QAC1B,MAAM,OAAO,GAAG,MAAM,CAAC,UAAU,CAAC,aAAa,CAAC,mBAAmB,CAAC,CAAC;QACrE,OAAO,CAAC,aAAa,CAAC,IAAI,aAAa,CAAC,OAAO,EAAE,EAAE,GAAG,EAAE,QAAQ,EAAE,CAAC,CAAC,CAAC;QACrE,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;IACtC,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import { assert, expect, fixture } from '@open-wc/testing';\nimport * as sinon from 'sinon';\nimport { Dialog } from '../src/dialog/Dialog';\nimport { assertScreenshot, getClip } from './utils.test';\n\nconst getDialogClip = (dialog: Dialog) => {\n  return getClip(\n    dialog.shadowRoot.querySelector('.dialog-container') as HTMLElement\n  );\n};\n\nconst getDialogHTML = (hideOnClick = false) => {\n  return `\n    <temba-dialog header=\"Hello Dialog\" ${hideOnClick ? 'hideOnClick' : ''}>\n      <input name=\"comment\" type=\"text\" style=\"margin: 10px\"/>\n    </temba-dialog>\n  `;\n};\n\nconst open = async (dialog: Dialog) => {\n  const clock = sinon.useFakeTimers();\n  dialog.open = true;\n\n  await dialog.updateComplete;\n\n  // our dialog will animate onto the screen\n  clock.tick(400);\n  await dialog.updateComplete;\n\n  // gain focus for first text input\n  clock.tick(100);\n  await dialog.updateComplete;\n\n  clock.restore();\n};\n\nconst close = async (dialog: Dialog) => {\n  const clock = sinon.useFakeTimers();\n  dialog.open = false;\n  await dialog.updateComplete;\n\n  // tick forward for close to complete\n  clock.tick(400);\n\n  clock.restore();\n};\n\ndescribe('temba-dialog', () => {\n  it('can be created', async () => {\n    const dialog: Dialog = await fixture(getDialogHTML());\n    assert.instanceOf(dialog, Dialog);\n  });\n\n  it('can be opened', async () => {\n    const dialog: Dialog = await fixture(getDialogHTML());\n    await open(dialog);\n    expect(dialog.ready).to.equal(true);\n  });\n\n  it('can be closed by attribute', async () => {\n    const dialog: Dialog = await fixture(getDialogHTML());\n    await open(dialog);\n    expect(dialog.ready).to.equal(true);\n    dialog.open = false;\n  });\n\n  it('can be canceled', async () => {\n    const dialog: Dialog = await fixture(getDialogHTML());\n    await open(dialog);\n    expect(dialog.ready).to.equal(true);\n\n    dialog.getCancelButton().click();\n    expect(dialog.open).to.equal(false);\n  });\n\n  it('restricts and restores background scrolling', async () => {\n    const dialog: Dialog = await fixture(getDialogHTML());\n    await open(dialog);\n    const body = document.querySelector('body');\n    expect(body.style.position).to.equal('fixed');\n\n    await close(dialog);\n    dialog.getCancelButton().click();\n    await dialog.updateComplete;\n    expect(body.style.position).to.equal('');\n  });\n\n  it('focuses the first text input', async () => {\n    const dialog: Dialog = await fixture(getDialogHTML());\n    await open(dialog);\n\n    const input = dialog.querySelector('input');\n    expect(document.activeElement).to.equal(input);\n    await assertScreenshot('dialog/focused', getDialogClip(dialog));\n  });\n\n  it('hides on click', async () => {\n    const dialog: Dialog = await fixture(getDialogHTML(true));\n    await open(dialog);\n\n    const mask: HTMLDivElement =\n      dialog.shadowRoot.querySelector('#dialog-mask');\n    mask.click();\n\n    await dialog.updateComplete;\n    expect(dialog.open).to.equal(false);\n  });\n\n  it('hides on escape', async () => {\n    const dialog: Dialog = await fixture(getDialogHTML(true));\n    await open(dialog);\n    expect(dialog.open).to.equal(true);\n\n    // simulate the escape key\n    const element = dialog.shadowRoot.querySelector('.dialog-container');\n    element.dispatchEvent(new KeyboardEvent('keyup', { key: 'Escape' }));\n    expect(dialog.open).to.equal(false);\n  });\n});\n"]}

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

@@ -0,0 +1,66 @@
+import { assert } from '@open-wc/testing';
+import Label from '../src/label/Label';
+import { assertScreenshot, getClip, getComponent } from './utils.test';
+const TAG = 'temba-label';
+const getLabel = async (slot, attrs = {}) => {
+    return (await getComponent(TAG, attrs, slot));
+};
+describe('temba-label', () => {
+    it('renders default', async () => {
+        const label = await getLabel('Default');
+        assert.instanceOf(label, Label);
+        await assertScreenshot('label/no-icon', getClip(label));
+    });
+    it('renders icon', async () => {
+        const label = await getLabel('Default', { icon: 'home' });
+        await assertScreenshot('label/default-icon', getClip(label));
+    });
+    it('renders shadow', async () => {
+        const label = await getLabel('Shadow', {
+            icon: 'loader',
+            shadow: true,
+        });
+        await assertScreenshot('label/shadow', getClip(label));
+    });
+    it('renders primary', async () => {
+        const label = await getLabel('Primary', {
+            icon: 'check',
+            primary: true,
+        });
+        await assertScreenshot('label/primary', getClip(label));
+    });
+    it('renders secondary', async () => {
+        const label = await getLabel('Secondary', {
+            icon: 'check',
+            secondary: true,
+        });
+        await assertScreenshot('label/secondary', getClip(label));
+    });
+    it('renders tertiary', async () => {
+        const label = await getLabel('Tertiary', {
+            icon: 'check',
+            tertiary: true,
+        });
+        await assertScreenshot('label/tertiary', getClip(label));
+    });
+    it('renders dark', async () => {
+        const label = await getLabel('Dark', { icon: 'check', dark: true });
+        await assertScreenshot('label/dark', getClip(label));
+    });
+    it('renders danger', async () => {
+        const label = await getLabel('Danger', {
+            icon: 'alert-triangle',
+            danger: true,
+        });
+        await assertScreenshot('label/danger', getClip(label));
+    });
+    it('renders custom', async () => {
+        const label = await getLabel('Custom Orange', {
+            icon: 'tool',
+            backgroundColor: 'rgb(240, 176, 29)',
+            textColor: '#ffff',
+        });
+        await assertScreenshot('label/custom', getClip(label));
+    });
+});
+//# sourceMappingURL=temba-label.test.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"temba-label.test.js","sourceRoot":"","sources":["../../test/temba-label.test.ts"],"names":[],"mappings":"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","sourcesContent":["import { assert } from '@open-wc/testing';\nimport Label from '../src/label/Label';\nimport { assertScreenshot, getClip, getComponent } from './utils.test';\n\nconst TAG = 'temba-label';\nconst getLabel = async (slot, attrs: any = {}) => {\n  return (await getComponent(TAG, attrs, slot)) as Label;\n};\n\ndescribe('temba-label', () => {\n  it('renders default', async () => {\n    const label: Label = await getLabel('Default');\n    assert.instanceOf(label, Label);\n    await assertScreenshot('label/no-icon', getClip(label));\n  });\n\n  it('renders icon', async () => {\n    const label: Label = await getLabel('Default', { icon: 'home' });\n    await assertScreenshot('label/default-icon', getClip(label));\n  });\n\n  it('renders shadow', async () => {\n    const label: Label = await getLabel('Shadow', {\n      icon: 'loader',\n      shadow: true,\n    });\n    await assertScreenshot('label/shadow', getClip(label));\n  });\n\n  it('renders primary', async () => {\n    const label: Label = await getLabel('Primary', {\n      icon: 'check',\n      primary: true,\n    });\n    await assertScreenshot('label/primary', getClip(label));\n  });\n\n  it('renders secondary', async () => {\n    const label: Label = await getLabel('Secondary', {\n      icon: 'check',\n      secondary: true,\n    });\n    await assertScreenshot('label/secondary', getClip(label));\n  });\n\n  it('renders tertiary', async () => {\n    const label: Label = await getLabel('Tertiary', {\n      icon: 'check',\n      tertiary: true,\n    });\n    await assertScreenshot('label/tertiary', getClip(label));\n  });\n\n  it('renders dark', async () => {\n    const label: Label = await getLabel('Dark', { icon: 'check', dark: true });\n    await assertScreenshot('label/dark', getClip(label));\n  });\n\n  it('renders danger', async () => {\n    const label: Label = await getLabel('Danger', {\n      icon: 'alert-triangle',\n      danger: true,\n    });\n    await assertScreenshot('label/danger', getClip(label));\n  });\n\n  it('renders custom', async () => {\n    const label: Label = await getLabel('Custom Orange', {\n      icon: 'tool',\n      backgroundColor: 'rgb(240, 176, 29)',\n      textColor: '#ffff',\n    });\n    await assertScreenshot('label/custom', getClip(label));\n  });\n});\n"]}

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

@@ -1,5 +1,5 @@
 import { assert, expect } from '@open-wc/testing';
-import sinon from 'sinon';
+import * as sinon from 'sinon';
 import { TembaList } from '../src/list/TembaList';
 import { assertScreenshot, getClip, getComponent } from './utils.test';
 const TAG = 'temba-list';

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

@@ -1 +1 @@
-{"version":3,"file":"temba-list.test.js","sourceRoot":"","sources":["../../test/temba-list.test.ts"],"names":[],"mappings":"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","sourcesContent":["import { assert, expect } from '@open-wc/testing';\nimport sinon from 'sinon';\nimport { TembaList } from '../src/list/TembaList';\nimport { assertScreenshot, getClip, getComponent } from './utils.test';\n\nconst TAG = 'temba-list';\nconst getList = async (attrs: any = {}) => {\n  const list = (await getComponent(TAG, attrs)) as TembaList;\n\n  // wait for the fetch\n  await list.httpComplete;\n\n  return list;\n};\n\ndescribe('temba-list', () => {\n  it('can be created', async () => {\n    const list: TembaList = await getList();\n    assert.instanceOf(list, TembaList);\n    expect(list.items.length).to.equal(0);\n  });\n\n  it('shows empty list with bad endpoint', async () => {\n    const list: TembaList = await getList({ endpoint: 'expected-404.json' });\n    expect(list.items.length).to.equal(0);\n  });\n\n  it('renders with endpoint', async () => {\n    const list: TembaList = await getList({\n      endpoint: '/test-assets/list/temba-list.json',\n    });\n    expect(list.items.length).to.equal(4);\n    await assertScreenshot('list/items', getClip(list));\n  });\n\n  it('fires change event on cursor change', async () => {\n    const list: TembaList = await getList({\n      endpoint: '/test-assets/list/temba-list.json',\n    });\n\n    const changeEvent = sinon.spy();\n\n    list.addEventListener('change', changeEvent);\n    list.cursorIndex = 1;\n\n    // let our event fire\n    await waitFor(0);\n\n    assert(changeEvent.called, 'change event not fired');\n    await assertScreenshot('list/items-selected', getClip(list));\n  });\n\n  it('fires change when first element changes after fetch', async () => {\n    const list: TembaList = await getList({\n      endpoint: '/test-assets/list/temba-list.json',\n    });\n\n    // spy on change event\n    const changeEvent = sinon.spy();\n    list.addEventListener('change', changeEvent);\n\n    // don't let our list reset on endpoint change\n    list.preserve = true;\n    list.endpoint = '/test-assets/list/temba-list-shorter.json';\n\n    // refresh our endpoint and wait for event to fire\n    await waitFor(0);\n    await list.httpComplete;\n\n    assert(changeEvent.called, 'change event not fired');\n    await assertScreenshot('list/items-updated', getClip(list));\n  });\n});\n"]}
+{"version":3,"file":"temba-list.test.js","sourceRoot":"","sources":["../../test/temba-list.test.ts"],"names":[],"mappings":"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","sourcesContent":["import { assert, expect } from '@open-wc/testing';\nimport * as sinon from 'sinon';\nimport { TembaList } from '../src/list/TembaList';\nimport { assertScreenshot, getClip, getComponent } from './utils.test';\n\nconst TAG = 'temba-list';\nconst getList = async (attrs: any = {}) => {\n  const list = (await getComponent(TAG, attrs)) as TembaList;\n\n  // wait for the fetch\n  await list.httpComplete;\n\n  return list;\n};\n\ndescribe('temba-list', () => {\n  it('can be created', async () => {\n    const list: TembaList = await getList();\n    assert.instanceOf(list, TembaList);\n    expect(list.items.length).to.equal(0);\n  });\n\n  it('shows empty list with bad endpoint', async () => {\n    const list: TembaList = await getList({ endpoint: 'expected-404.json' });\n    expect(list.items.length).to.equal(0);\n  });\n\n  it('renders with endpoint', async () => {\n    const list: TembaList = await getList({\n      endpoint: '/test-assets/list/temba-list.json',\n    });\n    expect(list.items.length).to.equal(4);\n    await assertScreenshot('list/items', getClip(list));\n  });\n\n  it('fires change event on cursor change', async () => {\n    const list: TembaList = await getList({\n      endpoint: '/test-assets/list/temba-list.json',\n    });\n\n    const changeEvent = sinon.spy();\n\n    list.addEventListener('change', changeEvent);\n    list.cursorIndex = 1;\n\n    // let our event fire\n    await waitFor(0);\n\n    assert(changeEvent.called, 'change event not fired');\n    await assertScreenshot('list/items-selected', getClip(list));\n  });\n\n  it('fires change when first element changes after fetch', async () => {\n    const list: TembaList = await getList({\n      endpoint: '/test-assets/list/temba-list.json',\n    });\n\n    // spy on change event\n    const changeEvent = sinon.spy();\n    list.addEventListener('change', changeEvent);\n\n    // don't let our list reset on endpoint change\n    list.preserve = true;\n    list.endpoint = '/test-assets/list/temba-list-shorter.json';\n\n    // refresh our endpoint and wait for event to fire\n    await waitFor(0);\n    await list.httpComplete;\n\n    assert(changeEvent.called, 'change event not fired');\n    await assertScreenshot('list/items-updated', getClip(list));\n  });\n});\n"]}

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

@@ -3,7 +3,7 @@ import { TembaMenu } from '../src/list/TembaMenu';
 import { assertScreenshot, getClip, getComponent } from './utils.test';
 const TAG = 'temba-menu';
 const getMenu = async (attrs = {}, width = 0) => {
-    const menu = (await getComponent(TAG, attrs, '', width, 'display:inline-block'));
+    const menu = (await getComponent(TAG, attrs, '', width, 0, 'display:inline-block'));
     // wait for the fetch
     await menu.httpComplete;
     return menu;

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

@@ -1 +1 @@
-{"version":3,"file":"temba-menu.test.js","sourceRoot":"","sources":["../../test/temba-menu.test.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAElD,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAClD,OAAO,EAAE,gBAAgB,EAAE,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAEvE,MAAM,GAAG,GAAG,YAAY,CAAC;AACzB,MAAM,OAAO,GAAG,KAAK,EAAE,QAAa,EAAE,EAAE,KAAK,GAAG,CAAC,EAAE,EAAE;IACnD,MAAM,IAAI,GAAG,CAAC,MAAM,YAAY,CAC9B,GAAG,EACH,KAAK,EACL,EAAE,EACF,KAAK,EACL,sBAAsB,CACvB,CAAc,CAAC;IAEhB,qBAAqB;IACrB,MAAM,IAAI,CAAC,YAAY,CAAC;IAExB,OAAO,IAAI,CAAC;AACd,CAAC,CAAC;AAEF,QAAQ,CAAC,YAAY,EAAE,GAAG,EAAE;IAC1B,EAAE,CAAC,gBAAgB,EAAE,KAAK,IAAI,EAAE;QAC9B,MAAM,IAAI,GAAc,MAAM,OAAO,EAAE,CAAC;QACxC,MAAM,CAAC,UAAU,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC;QACnC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC,SAAS,CAAC;IACjC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,uBAAuB,EAAE,KAAK,IAAI,EAAE;QACrC,MAAM,IAAI,GAAc,MAAM,OAAO,CAAC;YACpC,QAAQ,EAAE,kCAAkC;SAC7C,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;QAC3C,MAAM,gBAAgB,CAAC,gBAAgB,EAAE,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC;IAC1D,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,kBAAkB,EAAE,KAAK,IAAI,EAAE;QAChC,MAAM,IAAI,GAAc,MAAM,OAAO,CAAC;YACpC,QAAQ,EAAE,kCAAkC;SAC7C,CAAC,CAAC;QAEH,uBAAuB;QACvB,IAAI,CAAC,MAAM,CAAC,aAAa,CAAC,CAAC,KAAK,EAAE,CAAC;QACnC,MAAM,IAAI,CAAC,YAAY,CAAC;QAExB,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;QAEpD,MAAM,gBAAgB,CAAC,mBAAmB,EAAE,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC;IAC7D,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import { assert, expect } from '@open-wc/testing';\n\nimport { TembaMenu } from '../src/list/TembaMenu';\nimport { assertScreenshot, getClip, getComponent } from './utils.test';\n\nconst TAG = 'temba-menu';\nconst getMenu = async (attrs: any = {}, width = 0) => {\n  const menu = (await getComponent(\n    TAG,\n    attrs,\n    '',\n    width,\n    'display:inline-block'\n  )) as TembaMenu;\n\n  // wait for the fetch\n  await menu.httpComplete;\n\n  return menu;\n};\n\ndescribe('temba-menu', () => {\n  it('can be created', async () => {\n    const list: TembaMenu = await getMenu();\n    assert.instanceOf(list, TembaMenu);\n    expect(list.root).is.undefined;\n  });\n\n  it('renders with endpoint', async () => {\n    const menu: TembaMenu = await getMenu({\n      endpoint: '/test-assets/list/menu-root.json',\n    });\n\n    expect(menu.root.items.length).to.equal(2);\n    await assertScreenshot('list/menu-root', getClip(menu));\n  });\n\n  it('supports submenu', async () => {\n    const menu: TembaMenu = await getMenu({\n      endpoint: '/test-assets/list/menu-root.json',\n    });\n\n    // click our first item\n    menu.getDiv('#menu-tasks').click();\n    await menu.httpComplete;\n\n    expect(menu.root.items[0].items.length).to.equal(3);\n\n    await assertScreenshot('list/menu-submenu', getClip(menu));\n  });\n});\n"]}
+{"version":3,"file":"temba-menu.test.js","sourceRoot":"","sources":["../../test/temba-menu.test.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAElD,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAClD,OAAO,EAAE,gBAAgB,EAAE,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAEvE,MAAM,GAAG,GAAG,YAAY,CAAC;AACzB,MAAM,OAAO,GAAG,KAAK,EAAE,QAAa,EAAE,EAAE,KAAK,GAAG,CAAC,EAAE,EAAE;IACnD,MAAM,IAAI,GAAG,CAAC,MAAM,YAAY,CAC9B,GAAG,EACH,KAAK,EACL,EAAE,EACF,KAAK,EACL,CAAC,EACD,sBAAsB,CACvB,CAAc,CAAC;IAEhB,qBAAqB;IACrB,MAAM,IAAI,CAAC,YAAY,CAAC;IAExB,OAAO,IAAI,CAAC;AACd,CAAC,CAAC;AAEF,QAAQ,CAAC,YAAY,EAAE,GAAG,EAAE;IAC1B,EAAE,CAAC,gBAAgB,EAAE,KAAK,IAAI,EAAE;QAC9B,MAAM,IAAI,GAAc,MAAM,OAAO,EAAE,CAAC;QACxC,MAAM,CAAC,UAAU,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC;QACnC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC,SAAS,CAAC;IACjC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,uBAAuB,EAAE,KAAK,IAAI,EAAE;QACrC,MAAM,IAAI,GAAc,MAAM,OAAO,CAAC;YACpC,QAAQ,EAAE,kCAAkC;SAC7C,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;QAC3C,MAAM,gBAAgB,CAAC,gBAAgB,EAAE,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC;IAC1D,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,kBAAkB,EAAE,KAAK,IAAI,EAAE;QAChC,MAAM,IAAI,GAAc,MAAM,OAAO,CAAC;YACpC,QAAQ,EAAE,kCAAkC;SAC7C,CAAC,CAAC;QAEH,uBAAuB;QACvB,IAAI,CAAC,MAAM,CAAC,aAAa,CAAC,CAAC,KAAK,EAAE,CAAC;QACnC,MAAM,IAAI,CAAC,YAAY,CAAC;QAExB,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;QAEpD,MAAM,gBAAgB,CAAC,mBAAmB,EAAE,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC;IAC7D,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import { assert, expect } from '@open-wc/testing';\n\nimport { TembaMenu } from '../src/list/TembaMenu';\nimport { assertScreenshot, getClip, getComponent } from './utils.test';\n\nconst TAG = 'temba-menu';\nconst getMenu = async (attrs: any = {}, width = 0) => {\n  const menu = (await getComponent(\n    TAG,\n    attrs,\n    '',\n    width,\n    0,\n    'display:inline-block'\n  )) as TembaMenu;\n\n  // wait for the fetch\n  await menu.httpComplete;\n\n  return menu;\n};\n\ndescribe('temba-menu', () => {\n  it('can be created', async () => {\n    const list: TembaMenu = await getMenu();\n    assert.instanceOf(list, TembaMenu);\n    expect(list.root).is.undefined;\n  });\n\n  it('renders with endpoint', async () => {\n    const menu: TembaMenu = await getMenu({\n      endpoint: '/test-assets/list/menu-root.json',\n    });\n\n    expect(menu.root.items.length).to.equal(2);\n    await assertScreenshot('list/menu-root', getClip(menu));\n  });\n\n  it('supports submenu', async () => {\n    const menu: TembaMenu = await getMenu({\n      endpoint: '/test-assets/list/menu-root.json',\n    });\n\n    // click our first item\n    menu.getDiv('#menu-tasks').click();\n    await menu.httpComplete;\n\n    expect(menu.root.items[0].items.length).to.equal(3);\n\n    await assertScreenshot('list/menu-submenu', getClip(menu));\n  });\n});\n"]}

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

@@ -2,7 +2,7 @@ import { fixture, expect, assert } from '@open-wc/testing';
 import { useFakeTimers } from 'sinon';
 import { Options } from '../src/options/Options';
 import { Select } from '../src/select/Select';
-import { assertScreenshot, checkTimers, getClip } from './utils.test';
+import { assertScreenshot, checkTimers, getClip, loadStore, } from './utils.test';
 import { range } from '../src/utils';
 let clock;
 const colors = [
@@ -91,11 +91,6 @@ const getClipWithOptions = (select) => {
     }
     return selectClip;
 };
-const loadStore = async () => {
-    const store = await fixture("<temba-store completion='/test-assets/store/editor.json'></temba-store>");
-    await store.httpComplete;
-    return store;
-};
 describe('temba-select', () => {
     beforeEach(function () {
         clock = useFakeTimers();

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

@@ -1 +1 @@
-{"version":3,"file":"temba-select.test.js","sourceRoot":"","sources":["../../test/temba-select.test.ts"],"names":[],"mappings":"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","sourcesContent":["import { fixture, expect, assert } from '@open-wc/testing';\nimport { useFakeTimers } from 'sinon';\nimport { Options } from '../src/options/Options';\nimport { Select } from '../src/select/Select';\nimport { assertScreenshot, checkTimers, getClip } from './utils.test';\nimport { range } from '../src/utils';\nimport { Store } from '../src/store/Store';\n\nlet clock: any;\n\nconst colors = [\n  { name: 'Red', value: '0' },\n  { name: 'Green', value: '1' },\n  { name: 'Blue', value: '2' },\n];\n\nexport const createSelect = async (def: string, delay = 0) => {\n  const parentNode = document.createElement('div');\n  parentNode.setAttribute('style', 'width: 250px;');\n\n  const select: Select = await fixture(def, { parentNode });\n  clock.tick(1);\n  await select.updateComplete;\n  await waitFor(delay);\n  return select;\n};\n\nexport const open = async (select: Select) => {\n  await click('temba-select');\n  await select.updateComplete;\n\n  // Lots of various things introduce ticks here\n  //  * quiet period for searchable\n  //  * throttle for cursor movement (init)\n  //  * throttle for scroll event if needed\n  // As such, we aggressively wait for http activity\n  // and advance possible ticks before and after to\n  // reliably wait until the select is truly open\n\n  await clock.tick(150);\n  await select.httpComplete;\n  await clock.tick(150);\n\n  await waitFor(0);\n  await clock.tick(150);\n\n  checkTimers(clock);\n  return select;\n};\n\nexport const clear = (select: Select) => {\n  (select.shadowRoot.querySelector('.clear-button') as HTMLDivElement).click();\n};\n\nexport const getOptions = (select: Select): Options => {\n  return select.shadowRoot.querySelector('temba-options[visible]');\n};\n\nexport const clickOption = async (select: Select, index: number) => {\n  const options = getOptions(select);\n  const option = options.shadowRoot.querySelector(\n    `[data-option-index=\"${index}\"]`\n  ) as HTMLDivElement;\n  option.click();\n  await clock.tick(250);\n  await options.updateComplete;\n  await select.updateComplete;\n  //checkTimers(clock);\n};\n\nexport const openAndClick = async (select: Select, index: number) => {\n  await open(select);\n  await clickOption(select, index);\n};\n\nexport const getSelectHTML = (\n  options: any[] = colors,\n  attrs: any = { placeholder: 'Select a color', name: 'color' }\n): string => {\n  const selectHTML = `\n  <temba-select ${Object.keys(attrs)\n    .map((name: string) => `${name}='${attrs[name]}'`)\n    .join(' ')}>\n    ${options\n      .map(\n        option =>\n          `<temba-option name=\"${option.name}\" value=\"${option.value}\"></temba-option>`\n      )\n      .join('')}\n  </temba-select>`;\n  return selectHTML;\n};\n\nexport const forPages = async (select: Select, pages = 1) => {\n  for (const _ in range(0, pages * 3 + 1)) {\n    await select.httpComplete;\n    await select.updateComplete;\n    await waitFor(0);\n  }\n};\n\nconst getClipWithOptions = (select: Select) => {\n  const selectClip = getClip(select);\n  const options = select.shadowRoot.querySelector(\n    'temba-options[visible]'\n  ) as Options;\n\n  if (options) {\n    const optionsClip = getClip(options);\n    const y = Math.min(selectClip.y, optionsClip.y);\n    const x = Math.min(selectClip.x, optionsClip.x);\n    const combinedClip = {\n      y,\n      x,\n      width: Math.max(selectClip.right, optionsClip.right) - x,\n      height: Math.max(selectClip.bottom, optionsClip.bottom) - y,\n    };\n    return combinedClip;\n  }\n\n  return selectClip;\n};\n\nconst loadStore = async () => {\n  const store: Store = await fixture(\n    \"<temba-store completion='/test-assets/store/editor.json'></temba-store>\"\n  );\n  await store.httpComplete;\n  return store;\n};\n\ndescribe('temba-select', () => {\n  beforeEach(function () {\n    clock = useFakeTimers();\n    setViewport({ width: 500, height: 1000, deviceScaleFactor: 2 });\n  });\n\n  afterEach(function () {\n    clock.restore();\n  });\n\n  it('can be created', async () => {\n    const select = await createSelect('<temba-select></temba-select>');\n    assert.instanceOf(select, Select);\n  });\n\n  it('can be disabled', async () => {\n    const select = await createSelect(\n      getSelectHTML(colors, { disabled: true })\n    );\n\n    expect(select.disabled).to.equal(true);\n    await assertScreenshot('select/disabled', getClip(select));\n  });\n\n  it('can be disabled with selection', async () => {\n    const select = await createSelect(\n      getSelectHTML(colors, { disabled: true, value: '0' })\n    );\n\n    expect(select.disabled).to.equal(true);\n    await assertScreenshot('select/disabled-selection', getClip(select));\n  });\n\n  it('can be disabled with multi selection', async () => {\n    const select = await createSelect(\n      getSelectHTML(colors, { placeholder: 'Select a color', multi: true })\n    );\n\n    await openAndClick(select, 0);\n    select.disabled = true;\n    expect(select.disabled).to.equal(true);\n\n    // make sure we can't select anymore\n    await open(select);\n    expect(select.isOpen()).to.equal(false);\n    await assertScreenshot('select/disabled-multi-selection', getClip(select));\n  });\n\n  it('can be created with temba-option tags', async () => {\n    const select = await createSelect(getSelectHTML());\n    assert.equal(select.getStaticOptions().length, 3);\n    expect(select.values.length).to.equal(0);\n    await assertScreenshot('select/with-placeholder', getClip(select));\n  });\n\n  it('picks the first option without a placeholder', async () => {\n    const select = await createSelect(getSelectHTML(colors, {}));\n    assert.equal(select.getStaticOptions().length, 3);\n    expect(select.values[0].name).to.equal('Red');\n    await assertScreenshot('select/without-placeholder', getClip(select));\n  });\n\n  it('shows options when opened', async () => {\n    const select = await createSelect(getSelectHTML());\n    await open(select);\n    const options = getOptions(select);\n    assert.instanceOf(options, Options);\n\n    // our options should be visible\n    assert.isTrue(\n      options.shadowRoot\n        .querySelector('.options-container')\n        .classList.contains('show')\n    );\n\n    await assertScreenshot('select/local-options', getClipWithOptions(select));\n  });\n\n  it('can be created with attribute options', async () => {\n    const options = JSON.stringify([{ name: 'Embedded Option', value: '0' }]);\n    const select = await createSelect(getSelectHTML([], { options }));\n    // select the first option\n    await openAndClick(select, 0);\n    expect(select.values[0].name).to.equal('Embedded Option');\n    await assertScreenshot('select/embedded', getClipWithOptions(select));\n  });\n\n  describe('single selection', () => {\n    it('can select a single option', async () => {\n      const select = await createSelect(getSelectHTML());\n      expect(select.values.length).to.equal(0);\n\n      // select the first option\n      await openAndClick(select, 0);\n\n      expect(select.values.length).to.equal(1);\n      expect(select.values[0].name).to.equal('Red');\n      expect(select.shadowRoot.innerHTML).to.contain('Red');\n\n      await assertScreenshot(\n        'select/selected-single',\n        getClipWithOptions(select)\n      );\n    });\n\n    it('can search with existing selection', async () => {\n      const select = await createSelect(\n        getSelectHTML(colors, { searchable: true })\n      );\n\n      // select the second option\n      await openAndClick(select, 1);\n      expect(select.values.length).to.equal(1);\n      expect(select.values[0].name).to.equal('Green');\n\n      // for single selection our current selection should be in the list and focused\n      await open(select);\n      assert.equal(select.cursorIndex, 1);\n      assert.equal(select.visibleOptions.length, 3);\n\n      // now lets do a search, we should see our selection (green) and one other (red)\n      await typeInto('temba-select', 're', false);\n      await open(select);\n      assert.equal(select.visibleOptions.length, 2);\n\n      await assertScreenshot(\n        'select/search-with-selected',\n        getClipWithOptions(select)\n      );\n\n      // but our cursor should be on the first match\n      assert.equal(select.cursorIndex, 0);\n    });\n  });\n\n  describe('multiple selection', () => {\n    it('can select multiple options', async () => {\n      const select = await createSelect(\n        getSelectHTML(colors, { placeholder: 'Select a color', multi: true })\n      );\n      expect(select.values.length).to.equal(0);\n\n      // select the first option twice\n      await openAndClick(select, 0);\n      await openAndClick(select, 0);\n\n      // now we should have red and green selected\n      expect(select.values.length).to.equal(2);\n      expect(select.shadowRoot.innerHTML).to.contain('Red');\n      expect(select.shadowRoot.innerHTML).to.contain('Green');\n\n      await assertScreenshot(\n        'select/selected-multi',\n        getClipWithOptions(select)\n      );\n    });\n  });\n\n  describe('endpoints', () => {\n    it('can load from an endpoint', async () => {\n      const select = await createSelect(\n        getSelectHTML([], {\n          placeholder: 'Select a color',\n          endpoint: '/test-assets/select/colors.json',\n        })\n      );\n\n      await open(select);\n      await assertScreenshot(\n        'select/remote-options',\n        getClipWithOptions(select)\n      );\n      assert.equal(select.visibleOptions.length, 3);\n    });\n\n    it('can search an endpoint', async () => {\n      const select = await createSelect(\n        getSelectHTML([], {\n          placeholder: 'Select a color',\n          endpoint: '/test-assets/select/colors.json',\n          searchable: true,\n        })\n      );\n\n      await typeInto('temba-select', 're', false);\n      await open(select);\n      await forPages(select, 2);\n      assert.equal(select.visibleOptions.length, 2);\n\n      await assertScreenshot('select/searching', getClipWithOptions(select));\n    });\n\n    it('pages through cursor results', async () => {\n      const select = await createSelect(\n        getSelectHTML([], {\n          placeholder: 'Select a group',\n          endpoint: '/test-assets/select/groups.json',\n          valueKey: 'uuid',\n        })\n      );\n\n      await open(select);\n      await forPages(select, 3);\n\n      // should have all three pages visible right away\n      assert.equal(select.visibleOptions.length, 15);\n    });\n\n    it('shows cached results', async () => {\n      const select = await createSelect(\n        getSelectHTML([], {\n          placeholder: 'Select a group',\n          endpoint: '/test-assets/select/groups.json',\n          valueKey: 'uuid',\n          searchable: true,\n        })\n      );\n\n      // wait for updates from fetching three pages\n      await open(select);\n      await forPages(select, 4);\n\n      // quiet for searchable\n      await waitFor(200);\n\n      assert.equal(select.visibleOptions.length, 15);\n\n      // close and reopen\n      select.blur();\n      await clock.tick(250);\n\n      await open(select);\n      assert.equal(select.visibleOptions.length, 15);\n\n      // close and reopen once more (previous bug failed on third opening)\n      select.blur();\n      await open(select);\n      assert.equal(select.visibleOptions.length, 15);\n    });\n\n    it('can enter expressions', async () => {\n      await loadStore();\n      const select = await createSelect(\n        getSelectHTML([], {\n          endpoint: '/colors.json',\n          searchable: true,\n          expressions: 'session',\n        })\n      );\n\n      await typeInto('temba-select', 'Hi there @contact', false);\n      await open(select);\n\n      await forPages(select, 1);\n      await clock.tick(400);\n      await select.httpComplete;\n\n      assert.equal(select.completionOptions.length, 14);\n      await assertScreenshot('select/expressions', getClipWithOptions(select));\n    });\n\n    it('clears single selection', async () => {\n      const select = await createSelect(\n        getSelectHTML(colors, { clearable: true })\n      );\n      assert.equal(select.getStaticOptions().length, 3);\n\n      await openAndClick(select, 0);\n      expect(select.values[0].name).to.equal('Red');\n\n      await assertScreenshot('select/selection-clearable', getClip(select));\n\n      clear(select);\n      expect(select.values.length).to.equal(0);\n    });\n\n    /**  */\n\n    it('should look the same with search enabled', async () => {\n      const select = await createSelect(\n        getSelectHTML(colors, {\n          placeholder: 'Select a color',\n          searchable: true,\n        })\n      );\n      await assertScreenshot(\n        'select/search-enabled',\n        getClipWithOptions(select)\n      );\n    });\n\n    it('should look the same with search enabled and selection made', async () => {\n      const select = await createSelect(\n        getSelectHTML(colors, { searchable: true })\n      );\n\n      // select the first option\n      await openAndClick(select, 1);\n      await assertScreenshot(\n        'select/search-selected',\n        getClipWithOptions(select)\n      );\n    });\n\n    it('should show focus for the selected option', async () => {\n      const select = await createSelect(\n        getSelectHTML(colors, { searchable: true })\n      );\n\n      // select the first option\n      await openAndClick(select, 1);\n\n      // now open and look at focus\n      await open(select);\n      await assertScreenshot(\n        'select/search-selected-focus',\n        getClipWithOptions(select)\n      );\n    });\n\n    it('should show search with existing multiple selection', async () => {\n      const select = await createSelect(\n        getSelectHTML(colors, {\n          placeholder: 'Select a color',\n          searchable: true,\n          multi: true,\n        })\n      );\n\n      // select the first option\n      await openAndClick(select, 0);\n      await openAndClick(select, 0);\n      await open(select);\n\n      // now lets do a search, we should see our selection (green) and one other (red)\n      await typeInto('temba-select', 're', false);\n      await open(select);\n\n      // should have two things selected and active query and no matching options\n      await assertScreenshot(\n        'select/search-multi-no-matches',\n        getClipWithOptions(select)\n      );\n    });\n\n    it('should show functions', async () => {\n      await loadStore();\n\n      const select = await createSelect(\n        getSelectHTML(colors, {\n          placeholder: 'Select a color',\n          searchable: true,\n          expressions: 'session',\n        })\n      );\n\n      await typeInto('temba-select', 'look at @(max(m', false);\n      await open(select);\n\n      await assertScreenshot('select/functions', getClipWithOptions(select));\n    });\n\n    it('can select expression completion as value', async () => {\n      await loadStore();\n\n      const select = await createSelect(\n        getSelectHTML(colors, {\n          multi: true,\n          placeholder: 'Select a color',\n          searchable: true,\n          expressions: 'session',\n        })\n      );\n\n      await typeInto('temba-select', '@con', false);\n      await openAndClick(select, 0);\n\n      expect(select.values[0].name).to.equal('@contact');\n      await assertScreenshot(\n        'select/expression-selected',\n        getClipWithOptions(select)\n      );\n    });\n  });\n});\n"]}
+{"version":3,"file":"temba-select.test.js","sourceRoot":"","sources":["../../test/temba-select.test.ts"],"names":[],"mappings":"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","sourcesContent":["import { fixture, expect, assert } from '@open-wc/testing';\nimport { useFakeTimers } from 'sinon';\nimport { Options } from '../src/options/Options';\nimport { Select } from '../src/select/Select';\nimport {\n  assertScreenshot,\n  checkTimers,\n  getClip,\n  loadStore,\n} from './utils.test';\nimport { range } from '../src/utils';\n\nlet clock: any;\n\nconst colors = [\n  { name: 'Red', value: '0' },\n  { name: 'Green', value: '1' },\n  { name: 'Blue', value: '2' },\n];\n\nexport const createSelect = async (def: string, delay = 0) => {\n  const parentNode = document.createElement('div');\n  parentNode.setAttribute('style', 'width: 250px;');\n\n  const select: Select = await fixture(def, { parentNode });\n  clock.tick(1);\n  await select.updateComplete;\n  await waitFor(delay);\n  return select;\n};\n\nexport const open = async (select: Select) => {\n  await click('temba-select');\n  await select.updateComplete;\n\n  // Lots of various things introduce ticks here\n  //  * quiet period for searchable\n  //  * throttle for cursor movement (init)\n  //  * throttle for scroll event if needed\n  // As such, we aggressively wait for http activity\n  // and advance possible ticks before and after to\n  // reliably wait until the select is truly open\n\n  await clock.tick(150);\n  await select.httpComplete;\n  await clock.tick(150);\n\n  await waitFor(0);\n  await clock.tick(150);\n\n  checkTimers(clock);\n  return select;\n};\n\nexport const clear = (select: Select) => {\n  (select.shadowRoot.querySelector('.clear-button') as HTMLDivElement).click();\n};\n\nexport const getOptions = (select: Select): Options => {\n  return select.shadowRoot.querySelector('temba-options[visible]');\n};\n\nexport const clickOption = async (select: Select, index: number) => {\n  const options = getOptions(select);\n  const option = options.shadowRoot.querySelector(\n    `[data-option-index=\"${index}\"]`\n  ) as HTMLDivElement;\n  option.click();\n  await clock.tick(250);\n  await options.updateComplete;\n  await select.updateComplete;\n  //checkTimers(clock);\n};\n\nexport const openAndClick = async (select: Select, index: number) => {\n  await open(select);\n  await clickOption(select, index);\n};\n\nexport const getSelectHTML = (\n  options: any[] = colors,\n  attrs: any = { placeholder: 'Select a color', name: 'color' }\n): string => {\n  const selectHTML = `\n  <temba-select ${Object.keys(attrs)\n    .map((name: string) => `${name}='${attrs[name]}'`)\n    .join(' ')}>\n    ${options\n      .map(\n        option =>\n          `<temba-option name=\"${option.name}\" value=\"${option.value}\"></temba-option>`\n      )\n      .join('')}\n  </temba-select>`;\n  return selectHTML;\n};\n\nexport const forPages = async (select: Select, pages = 1) => {\n  for (const _ in range(0, pages * 3 + 1)) {\n    await select.httpComplete;\n    await select.updateComplete;\n    await waitFor(0);\n  }\n};\n\nconst getClipWithOptions = (select: Select) => {\n  const selectClip = getClip(select);\n  const options = select.shadowRoot.querySelector(\n    'temba-options[visible]'\n  ) as Options;\n\n  if (options) {\n    const optionsClip = getClip(options);\n    const y = Math.min(selectClip.y, optionsClip.y);\n    const x = Math.min(selectClip.x, optionsClip.x);\n    const combinedClip = {\n      y,\n      x,\n      width: Math.max(selectClip.right, optionsClip.right) - x,\n      height: Math.max(selectClip.bottom, optionsClip.bottom) - y,\n    };\n    return combinedClip;\n  }\n\n  return selectClip;\n};\n\ndescribe('temba-select', () => {\n  beforeEach(function () {\n    clock = useFakeTimers();\n    setViewport({ width: 500, height: 1000, deviceScaleFactor: 2 });\n  });\n\n  afterEach(function () {\n    clock.restore();\n  });\n\n  it('can be created', async () => {\n    const select = await createSelect('<temba-select></temba-select>');\n    assert.instanceOf(select, Select);\n  });\n\n  it('can be disabled', async () => {\n    const select = await createSelect(\n      getSelectHTML(colors, { disabled: true })\n    );\n\n    expect(select.disabled).to.equal(true);\n    await assertScreenshot('select/disabled', getClip(select));\n  });\n\n  it('can be disabled with selection', async () => {\n    const select = await createSelect(\n      getSelectHTML(colors, { disabled: true, value: '0' })\n    );\n\n    expect(select.disabled).to.equal(true);\n    await assertScreenshot('select/disabled-selection', getClip(select));\n  });\n\n  it('can be disabled with multi selection', async () => {\n    const select = await createSelect(\n      getSelectHTML(colors, { placeholder: 'Select a color', multi: true })\n    );\n\n    await openAndClick(select, 0);\n    select.disabled = true;\n    expect(select.disabled).to.equal(true);\n\n    // make sure we can't select anymore\n    await open(select);\n    expect(select.isOpen()).to.equal(false);\n    await assertScreenshot('select/disabled-multi-selection', getClip(select));\n  });\n\n  it('can be created with temba-option tags', async () => {\n    const select = await createSelect(getSelectHTML());\n    assert.equal(select.getStaticOptions().length, 3);\n    expect(select.values.length).to.equal(0);\n    await assertScreenshot('select/with-placeholder', getClip(select));\n  });\n\n  it('picks the first option without a placeholder', async () => {\n    const select = await createSelect(getSelectHTML(colors, {}));\n    assert.equal(select.getStaticOptions().length, 3);\n    expect(select.values[0].name).to.equal('Red');\n    await assertScreenshot('select/without-placeholder', getClip(select));\n  });\n\n  it('shows options when opened', async () => {\n    const select = await createSelect(getSelectHTML());\n    await open(select);\n    const options = getOptions(select);\n    assert.instanceOf(options, Options);\n\n    // our options should be visible\n    assert.isTrue(\n      options.shadowRoot\n        .querySelector('.options-container')\n        .classList.contains('show')\n    );\n\n    await assertScreenshot('select/local-options', getClipWithOptions(select));\n  });\n\n  it('can be created with attribute options', async () => {\n    const options = JSON.stringify([{ name: 'Embedded Option', value: '0' }]);\n    const select = await createSelect(getSelectHTML([], { options }));\n    // select the first option\n    await openAndClick(select, 0);\n    expect(select.values[0].name).to.equal('Embedded Option');\n    await assertScreenshot('select/embedded', getClipWithOptions(select));\n  });\n\n  describe('single selection', () => {\n    it('can select a single option', async () => {\n      const select = await createSelect(getSelectHTML());\n      expect(select.values.length).to.equal(0);\n\n      // select the first option\n      await openAndClick(select, 0);\n\n      expect(select.values.length).to.equal(1);\n      expect(select.values[0].name).to.equal('Red');\n      expect(select.shadowRoot.innerHTML).to.contain('Red');\n\n      await assertScreenshot(\n        'select/selected-single',\n        getClipWithOptions(select)\n      );\n    });\n\n    it('can search with existing selection', async () => {\n      const select = await createSelect(\n        getSelectHTML(colors, { searchable: true })\n      );\n\n      // select the second option\n      await openAndClick(select, 1);\n      expect(select.values.length).to.equal(1);\n      expect(select.values[0].name).to.equal('Green');\n\n      // for single selection our current selection should be in the list and focused\n      await open(select);\n      assert.equal(select.cursorIndex, 1);\n      assert.equal(select.visibleOptions.length, 3);\n\n      // now lets do a search, we should see our selection (green) and one other (red)\n      await typeInto('temba-select', 're', false);\n      await open(select);\n      assert.equal(select.visibleOptions.length, 2);\n\n      await assertScreenshot(\n        'select/search-with-selected',\n        getClipWithOptions(select)\n      );\n\n      // but our cursor should be on the first match\n      assert.equal(select.cursorIndex, 0);\n    });\n  });\n\n  describe('multiple selection', () => {\n    it('can select multiple options', async () => {\n      const select = await createSelect(\n        getSelectHTML(colors, { placeholder: 'Select a color', multi: true })\n      );\n      expect(select.values.length).to.equal(0);\n\n      // select the first option twice\n      await openAndClick(select, 0);\n      await openAndClick(select, 0);\n\n      // now we should have red and green selected\n      expect(select.values.length).to.equal(2);\n      expect(select.shadowRoot.innerHTML).to.contain('Red');\n      expect(select.shadowRoot.innerHTML).to.contain('Green');\n\n      await assertScreenshot(\n        'select/selected-multi',\n        getClipWithOptions(select)\n      );\n    });\n  });\n\n  describe('endpoints', () => {\n    it('can load from an endpoint', async () => {\n      const select = await createSelect(\n        getSelectHTML([], {\n          placeholder: 'Select a color',\n          endpoint: '/test-assets/select/colors.json',\n        })\n      );\n\n      await open(select);\n      await assertScreenshot(\n        'select/remote-options',\n        getClipWithOptions(select)\n      );\n      assert.equal(select.visibleOptions.length, 3);\n    });\n\n    it('can search an endpoint', async () => {\n      const select = await createSelect(\n        getSelectHTML([], {\n          placeholder: 'Select a color',\n          endpoint: '/test-assets/select/colors.json',\n          searchable: true,\n        })\n      );\n\n      await typeInto('temba-select', 're', false);\n      await open(select);\n      await forPages(select, 2);\n      assert.equal(select.visibleOptions.length, 2);\n\n      await assertScreenshot('select/searching', getClipWithOptions(select));\n    });\n\n    it('pages through cursor results', async () => {\n      const select = await createSelect(\n        getSelectHTML([], {\n          placeholder: 'Select a group',\n          endpoint: '/test-assets/select/groups.json',\n          valueKey: 'uuid',\n        })\n      );\n\n      await open(select);\n      await forPages(select, 3);\n\n      // should have all three pages visible right away\n      assert.equal(select.visibleOptions.length, 15);\n    });\n\n    it('shows cached results', async () => {\n      const select = await createSelect(\n        getSelectHTML([], {\n          placeholder: 'Select a group',\n          endpoint: '/test-assets/select/groups.json',\n          valueKey: 'uuid',\n          searchable: true,\n        })\n      );\n\n      // wait for updates from fetching three pages\n      await open(select);\n      await forPages(select, 4);\n\n      // quiet for searchable\n      await waitFor(200);\n\n      assert.equal(select.visibleOptions.length, 15);\n\n      // close and reopen\n      select.blur();\n      await clock.tick(250);\n\n      await open(select);\n      assert.equal(select.visibleOptions.length, 15);\n\n      // close and reopen once more (previous bug failed on third opening)\n      select.blur();\n      await open(select);\n      assert.equal(select.visibleOptions.length, 15);\n    });\n\n    it('can enter expressions', async () => {\n      await loadStore();\n      const select = await createSelect(\n        getSelectHTML([], {\n          endpoint: '/colors.json',\n          searchable: true,\n          expressions: 'session',\n        })\n      );\n\n      await typeInto('temba-select', 'Hi there @contact', false);\n      await open(select);\n\n      await forPages(select, 1);\n      await clock.tick(400);\n      await select.httpComplete;\n\n      assert.equal(select.completionOptions.length, 14);\n      await assertScreenshot('select/expressions', getClipWithOptions(select));\n    });\n\n    it('clears single selection', async () => {\n      const select = await createSelect(\n        getSelectHTML(colors, { clearable: true })\n      );\n      assert.equal(select.getStaticOptions().length, 3);\n\n      await openAndClick(select, 0);\n      expect(select.values[0].name).to.equal('Red');\n\n      await assertScreenshot('select/selection-clearable', getClip(select));\n\n      clear(select);\n      expect(select.values.length).to.equal(0);\n    });\n\n    /**  */\n\n    it('should look the same with search enabled', async () => {\n      const select = await createSelect(\n        getSelectHTML(colors, {\n          placeholder: 'Select a color',\n          searchable: true,\n        })\n      );\n      await assertScreenshot(\n        'select/search-enabled',\n        getClipWithOptions(select)\n      );\n    });\n\n    it('should look the same with search enabled and selection made', async () => {\n      const select = await createSelect(\n        getSelectHTML(colors, { searchable: true })\n      );\n\n      // select the first option\n      await openAndClick(select, 1);\n      await assertScreenshot(\n        'select/search-selected',\n        getClipWithOptions(select)\n      );\n    });\n\n    it('should show focus for the selected option', async () => {\n      const select = await createSelect(\n        getSelectHTML(colors, { searchable: true })\n      );\n\n      // select the first option\n      await openAndClick(select, 1);\n\n      // now open and look at focus\n      await open(select);\n      await assertScreenshot(\n        'select/search-selected-focus',\n        getClipWithOptions(select)\n      );\n    });\n\n    it('should show search with existing multiple selection', async () => {\n      const select = await createSelect(\n        getSelectHTML(colors, {\n          placeholder: 'Select a color',\n          searchable: true,\n          multi: true,\n        })\n      );\n\n      // select the first option\n      await openAndClick(select, 0);\n      await openAndClick(select, 0);\n      await open(select);\n\n      // now lets do a search, we should see our selection (green) and one other (red)\n      await typeInto('temba-select', 're', false);\n      await open(select);\n\n      // should have two things selected and active query and no matching options\n      await assertScreenshot(\n        'select/search-multi-no-matches',\n        getClipWithOptions(select)\n      );\n    });\n\n    it('should show functions', async () => {\n      await loadStore();\n\n      const select = await createSelect(\n        getSelectHTML(colors, {\n          placeholder: 'Select a color',\n          searchable: true,\n          expressions: 'session',\n        })\n      );\n\n      await typeInto('temba-select', 'look at @(max(m', false);\n      await open(select);\n\n      await assertScreenshot('select/functions', getClipWithOptions(select));\n    });\n\n    it('can select expression completion as value', async () => {\n      await loadStore();\n\n      const select = await createSelect(\n        getSelectHTML(colors, {\n          multi: true,\n          placeholder: 'Select a color',\n          searchable: true,\n          expressions: 'session',\n        })\n      );\n\n      await typeInto('temba-select', '@con', false);\n      await openAndClick(select, 0);\n\n      expect(select.values[0].name).to.equal('@contact');\n      await assertScreenshot(\n        'select/expression-selected',\n        getClipWithOptions(select)\n      );\n    });\n  });\n});\n"]}

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

@@ -1,11 +1,154 @@
-// import { html, fixture, expect } from '@open-wc/testing';
-// import { TembaSlider } from '../src/slider/TembaSlider';
-// import { assertScreenshot, getClip } from './utils.test';
+import { html, fixture, expect } from '@open-wc/testing';
+import { assertScreenshot, getClip, showMouse } from './utils.test';
+const createSlider = async (def) => {
+    const parentNode = document.createElement('div');
+    parentNode.setAttribute('style', 'width: 200px;');
+    return (await fixture(def, { parentNode }));
+};
 describe('temba-slider', () => {
-    // it('renders default slider', async () => {});
-    // it('renders a slider with visible ranges', async () => {});
-    // it('updates slider position on element value change', async () => {});
-    // it('updates slider position on when track clicked', async () => {});
-    // it('updates slider position on circle drag', async () => {});
+    it('renders default slider', async () => {
+        const slider = await createSlider(html `
+      <temba-slider label="My Slider"></temba-slider>
+    `);
+        expect(slider.label).to.equal('My Slider');
+        await assertScreenshot('slider/default', getClip(slider));
+    });
+    it('renders a slider with visible range - custom min default max no value', async () => {
+        const slider = await createSlider(html `
+      <temba-slider label="My Slider" min="5" range></temba-slider>
+    `);
+        expect(slider.range).to.equal(true);
+        expect(slider.min).to.equal(5);
+        expect(slider.max).to.equal(100);
+        expect(slider.value).to.equal('5');
+        await assertScreenshot('slider/custom-min-default-max-no-value', getClip(slider));
+    });
+    it('renders a slider with visible range - default min custom max no value', async () => {
+        const slider = await createSlider(html `
+      <temba-slider label="My Slider" max="105" range></temba-slider>
+    `);
+        expect(slider.range).to.equal(true);
+        expect(slider.min).to.equal(0);
+        expect(slider.max).to.equal(105);
+        expect(slider.value).to.equal('0');
+        await assertScreenshot('slider/default-min-custom-max-no-value', getClip(slider));
+    });
+    it('renders a slider with visible range - custom min custom max no value', async () => {
+        const slider = await createSlider(html `
+      <temba-slider label="My Slider" min="5" max="105" range></temba-slider>
+    `);
+        expect(slider.range).to.equal(true);
+        expect(slider.min).to.equal(5);
+        expect(slider.max).to.equal(105);
+        expect(slider.value).to.equal('5');
+        await assertScreenshot('slider/default-min-default-max-valid-value', getClip(slider));
+    });
+    it('renders a slider with visible range - custom min custom max valid value', async () => {
+        const slider = await createSlider(html `
+      <temba-slider
+        label="My Slider"
+        min="5"
+        max="105"
+        value="55"
+        range
+      ></temba-slider>
+    `);
+        expect(slider.range).to.equal(true);
+        expect(slider.min).to.equal(5);
+        expect(slider.max).to.equal(105);
+        expect(slider.value).to.equal('55');
+        await assertScreenshot('slider/custom-min-custom-max-valid-value', getClip(slider));
+    });
+    it('renders a slider with visible range - custom min custom max invalid value', async () => {
+        const slider = await createSlider(html `
+      <temba-slider
+        label="My Slider"
+        min="5"
+        max="105"
+        value="150"
+        range
+      ></temba-slider>
+    `);
+        expect(slider.range).to.equal(true);
+        expect(slider.min).to.equal(5);
+        expect(slider.max).to.equal(105);
+        expect(slider.value).to.equal('105');
+        await assertScreenshot('slider/default-min-default-max-invalid-value', getClip(slider));
+    });
+    it('renders a slider without visible range - default min default max no value', async () => {
+        const slider = await createSlider(html `
+      <temba-slider label="My Slider"></temba-slider>
+    `);
+        expect(slider.range).to.equal(false);
+        expect(slider.min).to.equal(0);
+        expect(slider.max).to.equal(100);
+        expect(slider.value).to.equal('0');
+        await assertScreenshot('slider/no-visible-range-no-value', getClip(slider));
+    });
+    it('renders a slider without visible range - default min default max valid value', async () => {
+        const slider = await createSlider(html `
+      <temba-slider label="My Slider" value="50"></temba-slider>
+    `);
+        expect(slider.range).to.equal(false);
+        expect(slider.min).to.equal(0);
+        expect(slider.max).to.equal(100);
+        expect(slider.value).to.equal('50');
+        await assertScreenshot('slider/no-visible-range-valid-value', getClip(slider));
+    });
+    it('renders a slider without visible range - default min default max invalid value', async () => {
+        const slider = await createSlider(html `
+      <temba-slider label="My Slider" value="150"></temba-slider>
+    `);
+        expect(slider.range).to.equal(false);
+        expect(slider.min).to.equal(0);
+        expect(slider.max).to.equal(100);
+        expect(slider.value).to.equal('100');
+        await assertScreenshot('slider/no-visible-range-invalid-value', getClip(slider));
+    });
+    it('updates slider position on element value change', async () => {
+        const slider = await createSlider(html `
+      <temba-slider
+        label="My Slider"
+        min="0"
+        max="100"
+        value="50"
+        range
+      ></temba-slider>
+    `);
+        slider.value = '75';
+        expect(slider.value).to.equal('75');
+        await assertScreenshot('slider/update-slider-on-value-change', getClip(slider));
+    });
+    it('updates slider position on when track clicked', async () => {
+        showMouse();
+        const slider = await createSlider(html `
+      <temba-slider label="My Slider" value="50"></temba-slider>
+    `);
+        const clip = slider.getBoundingClientRect();
+        const y = clip.top + clip.height / 2;
+        const x75 = clip.left + (clip.width / 4) * 3;
+        // click track at three quarters
+        await moveMouse(x75, y);
+        await mouseDown();
+        await mouseUp();
+        expect(slider.value).to.equal('75');
+        await assertScreenshot('slider/update-slider-on-track-clicked', getClip(slider));
+    });
+    it('updates slider position on circle drag', async () => {
+        showMouse();
+        const slider = await createSlider(html `
+      <temba-slider label="My Slider" value="0"></temba-slider>
+    `);
+        const clip = slider.getBoundingClientRect();
+        // hover over the circle at 0, mouse down, then drag to 80
+        const y = clip.top + clip.height / 2;
+        const x80 = clip.left + (clip.width / 5) * 4;
+        await moveMouse(clip.left, y);
+        await mouseDown();
+        await moveMouse(x80, y);
+        await mouseUp();
+        expect(slider.value).to.equal('80');
+        await assertScreenshot('slider/update-slider-on-circle-dragged', getClip(slider));
+    });
 });
 //# sourceMappingURL=temba-slider.test.js.map