@nyaruka/temba-components 0.123.0 → 0.124.0

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

@@ -3,8 +3,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, loadStore, mouseClickElement } from './utils.test';
-import { CustomEventType } from '../src/interfaces';
+import { assertScreenshot, getClip, getOptions, loadStore, openAndClick, openSelect } from './utils.test';
 const colors = [
     { name: 'Red', value: '0' },
     { name: 'Green', value: '1' },
@@ -12,48 +11,15 @@ const colors = [
 ];
 export const createSelect = async (clock, def) => {
     const parentNode = document.createElement('div');
-    parentNode.setAttribute('style', 'width: 250px;');
+    parentNode.setAttribute('style', 'width: 400px;');
     const select = await fixture(def, { parentNode });
     clock.runAll();
     await select.updateComplete;
     return select;
 };
-export const open = async (clock, select) => {
-    if (!select.endpoint) {
-        await mouseClickElement(select);
-        await clock.runAll();
-        await clock.runAll();
-        return select;
-    }
-    const promise = new Promise((resolve) => {
-        select.addEventListener(CustomEventType.FetchComplete, async () => {
-            await clock.runAll();
-            resolve(select);
-        }, { once: true });
-    });
-    await mouseClickElement(select);
-    await clock.runAll();
-    return promise;
-};
 export const clear = (select) => {
     select.shadowRoot.querySelector('.clear-button').click();
 };
-export const getOptions = (select) => {
-    return select.shadowRoot.querySelector('temba-options[visible]');
-};
-export const clickOption = async (clock, select, index) => {
-    const options = getOptions(select);
-    const option = options.shadowRoot.querySelector(`[data-option-index="${index}"]`);
-    await mouseClickElement(option);
-    await options.updateComplete;
-    await select.updateComplete;
-    await clock.runAll();
-    checkTimers(clock);
-};
-export const openAndClick = async (clock, select, index) => {
-    await open(clock, select);
-    await clickOption(clock, select, index);
-};
 export const getSelectHTML = (options = colors, attrs = { placeholder: 'Select a color', name: 'color' }, selected = null) => {
     const selectHTML = `
   <temba-select${Object.keys(attrs)
@@ -121,7 +87,7 @@ describe('temba-select', () => {
         select.disabled = true;
         expect(select.disabled).to.equal(true);
         // make sure we can't select anymore
-        await open(clock, select);
+        await openSelect(clock, select);
         expect(select.isOpen()).to.equal(false);
         await assertScreenshot('select/disabled-multi-selection', getClip(select));
     });
@@ -139,7 +105,7 @@ describe('temba-select', () => {
     });
     it('shows options when opened', async () => {
         const select = await createSelect(clock, getSelectHTML());
-        await open(clock, select);
+        await openSelect(clock, select);
         const options = getOptions(select);
         assert.instanceOf(options, Options);
         // our options should be visible
@@ -159,7 +125,7 @@ describe('temba-select', () => {
     it('shows no options message when opening with empty options', async () => {
         const select = await createSelect(clock, getSelectHTML([], { placeholder: 'Select an option' }));
         // attempt to open the select with no options
-        await open(clock, select);
+        await openSelect(clock, select);
         // should show options dropdown even though there are no options
         const options = getOptions(select);
         assert.instanceOf(options, Options);
@@ -195,12 +161,12 @@ describe('temba-select', () => {
             expect(select.values.length).to.equal(1);
             expect(select.values[0].name).to.equal('Green');
             // for single selection our current selection should be in the list and focused
-            await open(clock, select);
+            await openSelect(clock, select);
             assert.equal(select.cursorIndex, 1);
             assert.equal(select.visibleOptions.length, 3);
             // now lets do a search, we should see our selection (green) and one other (red)
             await typeInto('temba-select', 're', false);
-            await open(clock, select);
+            await openSelect(clock, select);
             assert.equal(select.visibleOptions.length, 2);
             await assertScreenshot('select/search-with-selected', getClipWithOptions(select));
             // but our cursor should be on the first match
@@ -241,7 +207,7 @@ describe('temba-select', () => {
             await openAndClick(clock, select, 0);
             assert(changeEvent.called, 'change event not fired');
             changeEvent.resetHistory();
-            await open(clock, select);
+            await openSelect(clock, select);
             assert.equal(select.visibleOptions.length, 0);
             assert(!changeEvent.called, 'change event should not be fired');
             // but we should have red and green selected only, no blue
@@ -263,6 +229,121 @@ describe('temba-select', () => {
             expect(select.values.length).to.equal(2);
         });
     });
+    describe('drag and drop reordering', () => {
+        it('handles drag and drop with swap-based logic', async () => {
+            const select = await createSelect(clock, getSelectHTML([
+                { name: 'Red', value: '0', selected: true },
+                { name: 'Green', value: '1', selected: true },
+                { name: 'Blue', value: '2', selected: true }
+            ], {
+                placeholder: 'Select colors',
+                multi: true
+            }));
+            // Verify initial order: Red, Green, Blue
+            expect(select.values.length).to.equal(3);
+            expect(select.values[0].name).to.equal('Red');
+            expect(select.values[1].name).to.equal('Green');
+            expect(select.values[2].name).to.equal('Blue');
+            const sortableList = select.shadowRoot.querySelector('temba-sortable-list');
+            expect(sortableList).to.not.be.null;
+            // Example 1: Pick up Blue (index 2), drop between Red and Green
+            // Expected result: Red, Blue, Green (swap [1,2])
+            const blueItem = sortableList.querySelector('#selected-2');
+            const greenItem = sortableList.querySelector('#selected-1');
+            expect(blueItem).to.not.be.null;
+            expect(greenItem).to.not.be.null;
+            const blueBounds = blueItem.getBoundingClientRect();
+            const greenBounds = greenItem.getBoundingClientRect();
+            // Start drag from Blue item
+            await moveMouse(blueBounds.left + 10, blueBounds.top + 10);
+            await mouseDown();
+            // Drag to position between Red and Green (left side of Green)
+            await moveMouse(greenBounds.left - 5, greenBounds.top + 10);
+            await waitFor(100);
+            await mouseUp();
+            clock.runAll();
+            // Verify result: Red, Blue, Green (Green and Blue swapped)
+            expect(select.values.length).to.equal(3);
+            expect(select.values[0].name).to.equal('Red');
+            expect(select.values[1].name).to.equal('Blue');
+            expect(select.values[2].name).to.equal('Green');
+            // Reset for next test
+            select.values = [
+                { name: 'Red', value: '0', selected: true },
+                { name: 'Green', value: '1', selected: true },
+                { name: 'Blue', value: '2', selected: true }
+            ];
+            await select.updateComplete;
+            // Example 2: Pick up Red (index 0), drop at end
+            // Expected result: Green, Blue, Red (swap [0,2])
+            const redItem = sortableList.querySelector('#selected-0');
+            const redBounds = redItem.getBoundingClientRect();
+            const blueItemBounds = sortableList
+                .querySelector('#selected-2')
+                .getBoundingClientRect();
+            // Start drag from Red item
+            await moveMouse(redBounds.left + 10, redBounds.top + 10);
+            await mouseDown();
+            // Drag to end position (right side of Blue)
+            await moveMouse(blueItemBounds.right + 5, blueItemBounds.top + 10);
+            await waitFor(100);
+            await mouseUp();
+            clock.runAll();
+            // Verify result: Green, Blue, Red (Red and Blue swapped)
+            expect(select.values.length).to.equal(3);
+            expect(select.values[0].name).to.equal('Green');
+            expect(select.values[1].name).to.equal('Blue');
+            expect(select.values[2].name).to.equal('Red');
+            // Reset for next test
+            select.values = [
+                { name: 'Red', value: '0', selected: true },
+                { name: 'Green', value: '1', selected: true },
+                { name: 'Blue', value: '2', selected: true }
+            ];
+            await select.updateComplete;
+            // Example 3: Pick up Green (index 1), drop at same position
+            // Expected result: No change, no event
+            const greenItemNew = sortableList.querySelector('#selected-1');
+            const greenBoundsNew = greenItemNew.getBoundingClientRect();
+            // Start drag from Green item
+            await moveMouse(greenBoundsNew.left + 10, greenBoundsNew.top + 10);
+            await mouseDown();
+            // Drag slightly but return to same position
+            await moveMouse(greenBoundsNew.left + 15, greenBoundsNew.top + 10);
+            await moveMouse(greenBoundsNew.left + 10, greenBoundsNew.top + 10);
+            await waitFor(100);
+            await mouseUp();
+            clock.runAll();
+            // Verify result: No change
+            expect(select.values.length).to.equal(3);
+            expect(select.values[0].name).to.equal('Red');
+            expect(select.values[1].name).to.equal('Green');
+            expect(select.values[2].name).to.equal('Blue');
+        });
+        it('does not show sortable list for single item', async () => {
+            const select = await createSelect(clock, getSelectHTML([{ name: 'Red', value: '0', selected: true }], {
+                placeholder: 'Select a color',
+                multi: true
+            }));
+            // Should not have a sortable list with only one item
+            const sortableList = select.shadowRoot.querySelector('temba-sortable-list');
+            expect(sortableList).to.be.null;
+            // Should still show the selected item normally
+            expect(select.values.length).to.equal(1);
+            expect(select.values[0].name).to.equal('Red');
+        });
+        it('does not show sortable list for non-multi select', async () => {
+            const select = await createSelect(clock, getSelectHTML([{ name: 'Red', value: '0', selected: true }], {
+                placeholder: 'Select a color',
+                multi: false
+            }));
+            // Should not have a sortable list for single select
+            const sortableList = select.shadowRoot.querySelector('temba-sortable-list');
+            expect(sortableList).to.be.null;
+            expect(select.values.length).to.equal(1);
+            expect(select.values[0].name).to.equal('Red');
+        });
+    });
     describe('static options', () => {
         it('accepts an initial value', async () => {
             const select = await createSelect(clock, getSelectHTML(colors, { value: '1' }));
@@ -281,7 +362,7 @@ describe('temba-select', () => {
                 placeholder: 'Select a color',
                 endpoint: '/test-assets/select/colors.json'
             }));
-            await open(clock, select);
+            await openSelect(clock, select);
             await assertScreenshot('select/remote-options', getClipWithOptions(select));
             assert.equal(select.visibleOptions.length, 3);
         });
@@ -292,7 +373,7 @@ describe('temba-select', () => {
                 searchable: true
             }));
             await typeInto('temba-select', 're', false);
-            await open(clock, select);
+            await openSelect(clock, select);
             assert.equal(select.visibleOptions.length, 2);
             await assertScreenshot('select/searching', getClipWithOptions(select));
         });
@@ -314,7 +395,7 @@ describe('temba-select', () => {
                 endpoint: '/test-assets/select/groups.json',
                 valueKey: 'uuid'
             }));
-            await open(clock, select);
+            await openSelect(clock, select);
             // should have all three pages visible right away
             assert.equal(select.visibleOptions.length, 15);
         });
@@ -326,12 +407,12 @@ describe('temba-select', () => {
                 searchable: true
             }));
             // wait for updates from fetching three pages
-            await open(clock, select);
+            await openSelect(clock, select);
             assert.equal(select.visibleOptions.length, 15);
             // close and reopen
             select.blur();
             await clock.tick(250);
-            await open(clock, select);
+            await openSelect(clock, select);
             assert.equal(select.visibleOptions.length, 15);
             // close and reopen once more (previous bug failed on third opening)
             // select.blur();
@@ -346,7 +427,7 @@ describe('temba-select', () => {
                 expressions: 'session'
             }));
             await typeInto('temba-select', 'Hi there @contact', false);
-            await open(clock, select);
+            await openSelect(clock, select);
             assert.equal(select.completionOptions.length, 14);
             await assertScreenshot('select/expressions', getClipWithOptions(select));
         });
@@ -377,7 +458,7 @@ describe('temba-select', () => {
             // select the first option
             await openAndClick(clock, select, 1);
             // now open and look at focus
-            await open(clock, select);
+            await openSelect(clock, select);
             await assertScreenshot('select/search-selected-focus', getClipWithOptions(select));
         });
         it('should show search with existing multiple selection', async () => {
@@ -389,10 +470,10 @@ describe('temba-select', () => {
             // select the first option
             await openAndClick(clock, select, 0);
             await openAndClick(clock, select, 0);
-            await open(clock, select);
+            await openSelect(clock, select);
             // now lets do a search, we should see our selection (green) and one other (red)
             await typeInto('temba-select', 're', false);
-            await open(clock, select);
+            await openSelect(clock, select);
             // should have two things selected and active query and no matching options
             await assertScreenshot('select/search-multi-no-matches', getClipWithOptions(select));
         });
@@ -404,13 +485,13 @@ describe('temba-select', () => {
                 expressions: 'session'
             }));
             await typeInto('temba-select', 'look at @(max(m', false);
-            await open(clock, select);
+            await openSelect(clock, select);
             await assertScreenshot('select/functions', getClipWithOptions(select));
         });
         it('should truncate selection if necessesary', async () => {
             const options = [
                 {
-                    name: 'this_is_a_long_selection_to_make_sure_it_truncates',
+                    name: 'this_is_a_long_selection_to_make_sure_it_truncates_but_it_needs_to_be_longer',
                     value: '0'
                 }
             ];

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 * as sinon from 'sinon';\nimport { fixture, expect, assert } from '@open-wc/testing';\nimport { useFakeTimers } from 'sinon';\nimport { Options } from '../src/options/Options';\nimport { Select, SelectOption } from '../src/select/Select';\nimport {\n  assertScreenshot,\n  checkTimers,\n  getClip,\n  loadStore,\n  mouseClickElement\n} from './utils.test';\nimport { CustomEventType } from '../src/interfaces';\n\nconst colors = [\n  { name: 'Red', value: '0' },\n  { name: 'Green', value: '1' },\n  { name: 'Blue', value: '2' }\n];\n\nexport const createSelect = async (clock, def: string) => {\n  const parentNode = document.createElement('div');\n  parentNode.setAttribute('style', 'width: 250px;');\n\n  const select: Select<SelectOption> = await fixture(def, { parentNode });\n  clock.runAll();\n  await select.updateComplete;\n  return select;\n};\n\nexport const open = async (clock, select: Select<SelectOption>) => {\n  if (!select.endpoint) {\n    await mouseClickElement(select);\n    await clock.runAll();\n    await clock.runAll();\n    return select;\n  }\n\n  const promise = new Promise<Select<SelectOption>>((resolve) => {\n    select.addEventListener(\n      CustomEventType.FetchComplete,\n      async () => {\n        await clock.runAll();\n        resolve(select);\n      },\n      { once: true }\n    );\n  });\n\n  await mouseClickElement(select);\n  await clock.runAll();\n\n  return promise;\n};\n\nexport const clear = (select: Select<SelectOption>) => {\n  (select.shadowRoot.querySelector('.clear-button') as HTMLDivElement).click();\n};\n\nexport const getOptions = (select: Select<SelectOption>): Options => {\n  return select.shadowRoot.querySelector('temba-options[visible]');\n};\n\nexport const clickOption = async (\n  clock: any,\n  select: Select<SelectOption>,\n  index: number\n) => {\n  const options = getOptions(select);\n  const option = options.shadowRoot.querySelector(\n    `[data-option-index=\"${index}\"]`\n  ) as HTMLDivElement;\n\n  await mouseClickElement(option);\n  await options.updateComplete;\n  await select.updateComplete;\n  await clock.runAll();\n\n  checkTimers(clock);\n};\n\nexport const openAndClick = async (\n  clock: any,\n  select: Select<SelectOption>,\n  index: number\n) => {\n  await open(clock, select);\n  await clickOption(clock, select, index);\n};\n\nexport const getSelectHTML = (\n  options: SelectOption[] = colors,\n  attrs: any = { placeholder: 'Select a color', name: 'color' },\n  selected: any = null\n): string => {\n  const selectHTML = `\n  <temba-select${Object.keys(attrs)\n    .map((name: string) => {\n      // check if it's a string attribute\n      if (typeof attrs[name] === 'string') {\n        return ` ${name}=\"${attrs[name].replace(/\"/g, '&quot;')}\"`;\n      }\n\n      if (typeof attrs[name] === 'boolean') {\n        return ` ${name}`;\n      }\n\n      return ` ${name}=\"${attrs[name]}\"`;\n    })\n    .join(' ')}>\n    ${options\n      .map(\n        (option) =>\n          `<temba-option name=\"${option.name}\" value=\"${option.value}\"${\n            option.selected || option.value === selected ? ' selected' : ''\n          }></temba-option>`\n      )\n      .join('')}\n  </temba-select>`;\n  return selectHTML;\n};\n\nconst getClipWithOptions = (select: Select<any>) => {\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  let clock: any;\n  beforeEach(function () {\n    clock = useFakeTimers();\n    clock.tick(400);\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(clock, '<temba-select></temba-select>');\n    assert.instanceOf(select, Select);\n  });\n\n  it('can be disabled', async () => {\n    const select = await createSelect(\n      clock,\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      clock,\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      clock,\n      getSelectHTML(colors, { placeholder: 'Select a color', multi: true })\n    );\n\n    await openAndClick(clock, 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(clock, 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(clock, 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(clock, 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(clock, getSelectHTML());\n    await open(clock, 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(clock, getSelectHTML([], { options }));\n    // select the first option\n    await openAndClick(clock, select, 0);\n    expect(select.values[0].name).to.equal('Embedded Option');\n    await assertScreenshot('select/embedded', getClipWithOptions(select));\n  });\n\n  it('shows no options message when opening with empty options', async () => {\n    const select = await createSelect(\n      clock,\n      getSelectHTML([], { placeholder: 'Select an option' })\n    );\n\n    // attempt to open the select with no options\n    await open(clock, select);\n\n    // should show options dropdown even though there are no options\n    const options = getOptions(select);\n    assert.instanceOf(options, Options);\n\n    // the options dropdown should be visible\n    assert.isTrue(\n      options.shadowRoot\n        .querySelector('.options-container')\n        .classList.contains('show')\n    );\n\n    // should contain a \"No options\" message\n    const noOptionsText = options.shadowRoot.textContent;\n    assert.include(noOptionsText.toLowerCase(), 'no options');\n\n    await assertScreenshot('select/empty-options', getClipWithOptions(select));\n  });\n\n  describe('single selection', () => {\n    it('can select a single option', async () => {\n      const select = await createSelect(clock, getSelectHTML());\n\n      // nothing is selected to start\n      expect(select.values.length).to.equal(0);\n      expect(select.value).to.equal(null);\n\n      // select the first option\n      const changeEvent = sinon.spy();\n      select.addEventListener('change', changeEvent);\n      await openAndClick(clock, select, 0);\n\n      assert(changeEvent.called, 'change event not fired');\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        clock,\n        getSelectHTML(colors, { searchable: true })\n      );\n\n      // select the second option\n      await openAndClick(clock, 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(clock, 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(clock, 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        clock,\n        getSelectHTML(colors, { placeholder: 'Select a color', multi: true })\n      );\n      expect(select.values.length).to.equal(0);\n\n      const changeEvent = sinon.spy();\n      select.addEventListener('change', changeEvent);\n\n      // select the first option twice\n      await openAndClick(clock, select, 0);\n      assert(changeEvent.called, 'change event not fired');\n\n      changeEvent.resetHistory();\n      await openAndClick(clock, select, 0);\n      assert(changeEvent.called, 'change event not fired');\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    it('can select multiple options until maxitems', async () => {\n      const select = await createSelect(\n        clock,\n        getSelectHTML(colors, {\n          placeholder: 'Select a color',\n          multi: true,\n          maxItems: 2\n        })\n      );\n      expect(select.values.length).to.equal(0);\n\n      const changeEvent = sinon.spy();\n      select.addEventListener('change', changeEvent);\n\n      // select the first option 3 times, only 2 (maxitems) options are handled and added\n      await openAndClick(clock, select, 0);\n      assert(changeEvent.called, 'change event not fired');\n\n      changeEvent.resetHistory();\n      await openAndClick(clock, select, 0);\n      assert(changeEvent.called, 'change event not fired');\n\n      changeEvent.resetHistory();\n      await open(clock, select);\n      assert.equal(select.visibleOptions.length, 0);\n      assert(!changeEvent.called, 'change event should not be fired');\n\n      // but we should have red and green selected only, no blue\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-maxitems-reached',\n        getClipWithOptions(select)\n      );\n    });\n\n    it('shows multiple values on initialization', async () => {\n      const select = await createSelect(\n        clock,\n        getSelectHTML(\n          [\n            { name: 'Red', value: '0' },\n            { name: 'Green', value: '1', selected: true },\n            { name: 'Blue', value: '2', selected: true }\n          ],\n          {\n            placeholder: 'Select a color',\n            multi: true\n          }\n        )\n      );\n      await assertScreenshot('select/multiple-initial-values', getClip(select));\n      expect(select.values.length).to.equal(2);\n    });\n  });\n\n  describe('static options', () => {\n    it('accepts an initial value', async () => {\n      const select = await createSelect(\n        clock,\n        getSelectHTML(colors, { value: '1' })\n      );\n      expect(select.values[0].name).to.equal('Green');\n      await assertScreenshot('select/static-initial-value', getClip(select));\n    });\n\n    it('honors temba-option selected attribute', async () => {\n      const select = await createSelect(clock, getSelectHTML(colors, {}, '1'));\n      expect(select.values[0].name).to.equal('Green');\n      await assertScreenshot(\n        'select/static-initial-via-selected',\n        getClip(select)\n      );\n    });\n  });\n\n  describe('endpoints', () => {\n    it('can load from an endpoint', async () => {\n      const select = await createSelect(\n        clock,\n        getSelectHTML([], {\n          placeholder: 'Select a color',\n          endpoint: '/test-assets/select/colors.json'\n        })\n      );\n\n      await open(clock, 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        clock,\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(clock, select);\n      assert.equal(select.visibleOptions.length, 2);\n\n      await assertScreenshot('select/searching', getClipWithOptions(select));\n    });\n\n    it('can use an endpoint and allow multiple', async () => {\n      const select = await createSelect(\n        clock,\n        getSelectHTML([], {\n          placeholder: 'Select a color',\n          endpoint: '/test-assets/select/colors.json',\n          searchable: true,\n          multi: true\n        })\n      );\n\n      await assertScreenshot(\n        'select/multi-with-endpoint',\n        getClipWithOptions(select)\n      );\n\n      // await typeInto('temba-select', 're', false);\n      // await open(select);\n      // assert.equal(select.visibleOptions.length, 2);\n    });\n\n    it('pages through cursor results', async () => {\n      const select = await createSelect(\n        clock,\n        getSelectHTML([], {\n          placeholder: 'Select a group',\n          endpoint: '/test-assets/select/groups.json',\n          valueKey: 'uuid'\n        })\n      );\n\n      await open(clock, select);\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        clock,\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(clock, select);\n      assert.equal(select.visibleOptions.length, 15);\n\n      // close and reopen\n      select.blur();\n      await clock.tick(250);\n\n      await open(clock, 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        clock,\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(clock, select);\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        clock,\n        getSelectHTML(colors, { clearable: true })\n      );\n      assert.equal(select.getStaticOptions().length, 3);\n\n      await openAndClick(clock, 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    it('should look the same with search enabled', async () => {\n      const select = await createSelect(\n        clock,\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        clock,\n        getSelectHTML(colors, { searchable: true })\n      );\n\n      // select the first option\n      await openAndClick(clock, 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        clock,\n        getSelectHTML(colors, { searchable: true })\n      );\n\n      // select the first option\n      await openAndClick(clock, select, 1);\n\n      // now open and look at focus\n      await open(clock, 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        clock,\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(clock, select, 0);\n      await openAndClick(clock, select, 0);\n      await open(clock, 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(clock, 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        clock,\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(clock, select);\n\n      await assertScreenshot('select/functions', getClipWithOptions(select));\n    });\n\n    it('should truncate selection if necessesary', async () => {\n      const options = [\n        {\n          name: 'this_is_a_long_selection_to_make_sure_it_truncates',\n          value: '0'\n        }\n      ];\n\n      const select = await createSelect(\n        clock,\n        getSelectHTML(options, {\n          value: '0'\n        })\n      );\n\n      await assertScreenshot(\n        'select/truncated-selection',\n        getClipWithOptions(select)\n      );\n    });\n\n    it('can select expression completion as value', async () => {\n      await loadStore();\n\n      const select = await createSelect(\n        clock,\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(clock, 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 Sinon, * as sinon from 'sinon';\nimport { fixture, expect, assert } from '@open-wc/testing';\nimport { useFakeTimers } from 'sinon';\nimport { Options } from '../src/options/Options';\nimport { Select, SelectOption } from '../src/select/Select';\nimport {\n  assertScreenshot,\n  getClip,\n  getOptions,\n  loadStore,\n  openAndClick,\n  openSelect\n} from './utils.test';\n\nconst colors = [\n  { name: 'Red', value: '0' },\n  { name: 'Green', value: '1' },\n  { name: 'Blue', value: '2' }\n];\n\nexport const createSelect = async (clock, def: string) => {\n  const parentNode = document.createElement('div');\n  parentNode.setAttribute('style', 'width: 400px;');\n\n  const select: Select<SelectOption> = await fixture(def, { parentNode });\n  clock.runAll();\n  await select.updateComplete;\n  return select;\n};\n\nexport const clear = (select: Select<SelectOption>) => {\n  (select.shadowRoot.querySelector('.clear-button') as HTMLDivElement).click();\n};\n\nexport const getSelectHTML = (\n  options: SelectOption[] = colors,\n  attrs: any = { placeholder: 'Select a color', name: 'color' },\n  selected: any = null\n): string => {\n  const selectHTML = `\n  <temba-select${Object.keys(attrs)\n    .map((name: string) => {\n      // check if it's a string attribute\n      if (typeof attrs[name] === 'string') {\n        return ` ${name}=\"${attrs[name].replace(/\"/g, '&quot;')}\"`;\n      }\n\n      if (typeof attrs[name] === 'boolean') {\n        return ` ${name}`;\n      }\n\n      return ` ${name}=\"${attrs[name]}\"`;\n    })\n    .join(' ')}>\n    ${options\n      .map(\n        (option) =>\n          `<temba-option name=\"${option.name}\" value=\"${option.value}\"${\n            option.selected || option.value === selected ? ' selected' : ''\n          }></temba-option>`\n      )\n      .join('')}\n  </temba-select>`;\n  return selectHTML;\n};\n\nconst getClipWithOptions = (select: Select<any>) => {\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  let clock: Sinon.SinonFakeTimers;\n  beforeEach(function () {\n    clock = useFakeTimers();\n    clock.tick(400);\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(clock, '<temba-select></temba-select>');\n    assert.instanceOf(select, Select);\n  });\n\n  it('can be disabled', async () => {\n    const select = await createSelect(\n      clock,\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      clock,\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      clock,\n      getSelectHTML(colors, { placeholder: 'Select a color', multi: true })\n    );\n\n    await openAndClick(clock, select, 0);\n    select.disabled = true;\n    expect(select.disabled).to.equal(true);\n\n    // make sure we can't select anymore\n    await openSelect(clock, 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(clock, 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(clock, 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(clock, getSelectHTML());\n    await openSelect(clock, 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(clock, getSelectHTML([], { options }));\n    // select the first option\n    await openAndClick(clock, select, 0);\n    expect(select.values[0].name).to.equal('Embedded Option');\n    await assertScreenshot('select/embedded', getClipWithOptions(select));\n  });\n\n  it('shows no options message when opening with empty options', async () => {\n    const select = await createSelect(\n      clock,\n      getSelectHTML([], { placeholder: 'Select an option' })\n    );\n\n    // attempt to open the select with no options\n    await openSelect(clock, select);\n\n    // should show options dropdown even though there are no options\n    const options = getOptions(select);\n    assert.instanceOf(options, Options);\n\n    // the options dropdown should be visible\n    assert.isTrue(\n      options.shadowRoot\n        .querySelector('.options-container')\n        .classList.contains('show')\n    );\n\n    // should contain a \"No options\" message\n    const noOptionsText = options.shadowRoot.textContent;\n    assert.include(noOptionsText.toLowerCase(), 'no options');\n\n    await assertScreenshot('select/empty-options', getClipWithOptions(select));\n  });\n\n  describe('single selection', () => {\n    it('can select a single option', async () => {\n      const select = await createSelect(clock, getSelectHTML());\n\n      // nothing is selected to start\n      expect(select.values.length).to.equal(0);\n      expect(select.value).to.equal(null);\n\n      // select the first option\n      const changeEvent = sinon.spy();\n      select.addEventListener('change', changeEvent);\n      await openAndClick(clock, select, 0);\n\n      assert(changeEvent.called, 'change event not fired');\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        clock,\n        getSelectHTML(colors, { searchable: true })\n      );\n\n      // select the second option\n      await openAndClick(clock, 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 openSelect(clock, 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 openSelect(clock, 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        clock,\n        getSelectHTML(colors, { placeholder: 'Select a color', multi: true })\n      );\n      expect(select.values.length).to.equal(0);\n\n      const changeEvent = sinon.spy();\n      select.addEventListener('change', changeEvent);\n\n      // select the first option twice\n      await openAndClick(clock, select, 0);\n      assert(changeEvent.called, 'change event not fired');\n\n      changeEvent.resetHistory();\n      await openAndClick(clock, select, 0);\n      assert(changeEvent.called, 'change event not fired');\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    it('can select multiple options until maxitems', async () => {\n      const select = await createSelect(\n        clock,\n        getSelectHTML(colors, {\n          placeholder: 'Select a color',\n          multi: true,\n          maxItems: 2\n        })\n      );\n      expect(select.values.length).to.equal(0);\n\n      const changeEvent = sinon.spy();\n      select.addEventListener('change', changeEvent);\n\n      // select the first option 3 times, only 2 (maxitems) options are handled and added\n      await openAndClick(clock, select, 0);\n      assert(changeEvent.called, 'change event not fired');\n\n      changeEvent.resetHistory();\n      await openAndClick(clock, select, 0);\n      assert(changeEvent.called, 'change event not fired');\n\n      changeEvent.resetHistory();\n      await openSelect(clock, select);\n      assert.equal(select.visibleOptions.length, 0);\n      assert(!changeEvent.called, 'change event should not be fired');\n\n      // but we should have red and green selected only, no blue\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-maxitems-reached',\n        getClipWithOptions(select)\n      );\n    });\n\n    it('shows multiple values on initialization', async () => {\n      const select = await createSelect(\n        clock,\n        getSelectHTML(\n          [\n            { name: 'Red', value: '0' },\n            { name: 'Green', value: '1', selected: true },\n            { name: 'Blue', value: '2', selected: true }\n          ],\n          {\n            placeholder: 'Select a color',\n            multi: true\n          }\n        )\n      );\n      await assertScreenshot('select/multiple-initial-values', getClip(select));\n      expect(select.values.length).to.equal(2);\n    });\n  });\n\n  describe('drag and drop reordering', () => {\n    it('handles drag and drop with swap-based logic', async () => {\n      const select = await createSelect(\n        clock,\n        getSelectHTML(\n          [\n            { name: 'Red', value: '0', selected: true },\n            { name: 'Green', value: '1', selected: true },\n            { name: 'Blue', value: '2', selected: true }\n          ],\n          {\n            placeholder: 'Select colors',\n            multi: true\n          }\n        )\n      );\n\n      // Verify initial order: Red, Green, Blue\n      expect(select.values.length).to.equal(3);\n      expect(select.values[0].name).to.equal('Red');\n      expect(select.values[1].name).to.equal('Green');\n      expect(select.values[2].name).to.equal('Blue');\n\n      const sortableList = select.shadowRoot.querySelector(\n        'temba-sortable-list'\n      );\n      expect(sortableList).to.not.be.null;\n\n      // Example 1: Pick up Blue (index 2), drop between Red and Green\n      // Expected result: Red, Blue, Green (swap [1,2])\n      const blueItem = sortableList.querySelector('#selected-2');\n      const greenItem = sortableList.querySelector('#selected-1');\n      expect(blueItem).to.not.be.null;\n      expect(greenItem).to.not.be.null;\n\n      const blueBounds = blueItem.getBoundingClientRect();\n      const greenBounds = greenItem.getBoundingClientRect();\n\n      // Start drag from Blue item\n      await moveMouse(blueBounds.left + 10, blueBounds.top + 10);\n      await mouseDown();\n\n      // Drag to position between Red and Green (left side of Green)\n      await moveMouse(greenBounds.left - 5, greenBounds.top + 10);\n      await waitFor(100);\n      await mouseUp();\n      clock.runAll();\n\n      // Verify result: Red, Blue, Green (Green and Blue swapped)\n      expect(select.values.length).to.equal(3);\n      expect(select.values[0].name).to.equal('Red');\n      expect(select.values[1].name).to.equal('Blue');\n      expect(select.values[2].name).to.equal('Green');\n\n      // Reset for next test\n      select.values = [\n        { name: 'Red', value: '0', selected: true },\n        { name: 'Green', value: '1', selected: true },\n        { name: 'Blue', value: '2', selected: true }\n      ];\n      await select.updateComplete;\n\n      // Example 2: Pick up Red (index 0), drop at end\n      // Expected result: Green, Blue, Red (swap [0,2])\n      const redItem = sortableList.querySelector('#selected-0');\n      const redBounds = redItem.getBoundingClientRect();\n      const blueItemBounds = sortableList\n        .querySelector('#selected-2')\n        .getBoundingClientRect();\n\n      // Start drag from Red item\n      await moveMouse(redBounds.left + 10, redBounds.top + 10);\n      await mouseDown();\n\n      // Drag to end position (right side of Blue)\n      await moveMouse(blueItemBounds.right + 5, blueItemBounds.top + 10);\n      await waitFor(100);\n      await mouseUp();\n      clock.runAll();\n\n      // Verify result: Green, Blue, Red (Red and Blue swapped)\n      expect(select.values.length).to.equal(3);\n      expect(select.values[0].name).to.equal('Green');\n      expect(select.values[1].name).to.equal('Blue');\n      expect(select.values[2].name).to.equal('Red');\n\n      // Reset for next test\n      select.values = [\n        { name: 'Red', value: '0', selected: true },\n        { name: 'Green', value: '1', selected: true },\n        { name: 'Blue', value: '2', selected: true }\n      ];\n      await select.updateComplete;\n\n      // Example 3: Pick up Green (index 1), drop at same position\n      // Expected result: No change, no event\n      const greenItemNew = sortableList.querySelector('#selected-1');\n      const greenBoundsNew = greenItemNew.getBoundingClientRect();\n\n      // Start drag from Green item\n      await moveMouse(greenBoundsNew.left + 10, greenBoundsNew.top + 10);\n      await mouseDown();\n\n      // Drag slightly but return to same position\n      await moveMouse(greenBoundsNew.left + 15, greenBoundsNew.top + 10);\n      await moveMouse(greenBoundsNew.left + 10, greenBoundsNew.top + 10);\n      await waitFor(100);\n      await mouseUp();\n      clock.runAll();\n\n      // Verify result: No change\n      expect(select.values.length).to.equal(3);\n      expect(select.values[0].name).to.equal('Red');\n      expect(select.values[1].name).to.equal('Green');\n      expect(select.values[2].name).to.equal('Blue');\n    });\n\n    it('does not show sortable list for single item', async () => {\n      const select = await createSelect(\n        clock,\n        getSelectHTML([{ name: 'Red', value: '0', selected: true }], {\n          placeholder: 'Select a color',\n          multi: true\n        })\n      );\n\n      // Should not have a sortable list with only one item\n      const sortableList = select.shadowRoot.querySelector(\n        'temba-sortable-list'\n      );\n      expect(sortableList).to.be.null;\n\n      // Should still show the selected item normally\n      expect(select.values.length).to.equal(1);\n      expect(select.values[0].name).to.equal('Red');\n    });\n\n    it('does not show sortable list for non-multi select', async () => {\n      const select = await createSelect(\n        clock,\n        getSelectHTML([{ name: 'Red', value: '0', selected: true }], {\n          placeholder: 'Select a color',\n          multi: false\n        })\n      );\n\n      // Should not have a sortable list for single select\n      const sortableList = select.shadowRoot.querySelector(\n        'temba-sortable-list'\n      );\n      expect(sortableList).to.be.null;\n\n      expect(select.values.length).to.equal(1);\n      expect(select.values[0].name).to.equal('Red');\n    });\n  });\n\n  describe('static options', () => {\n    it('accepts an initial value', async () => {\n      const select = await createSelect(\n        clock,\n        getSelectHTML(colors, { value: '1' })\n      );\n      expect(select.values[0].name).to.equal('Green');\n      await assertScreenshot('select/static-initial-value', getClip(select));\n    });\n\n    it('honors temba-option selected attribute', async () => {\n      const select = await createSelect(clock, getSelectHTML(colors, {}, '1'));\n      expect(select.values[0].name).to.equal('Green');\n      await assertScreenshot(\n        'select/static-initial-via-selected',\n        getClip(select)\n      );\n    });\n  });\n\n  describe('endpoints', () => {\n    it('can load from an endpoint', async () => {\n      const select = await createSelect(\n        clock,\n        getSelectHTML([], {\n          placeholder: 'Select a color',\n          endpoint: '/test-assets/select/colors.json'\n        })\n      );\n\n      await openSelect(clock, 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        clock,\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 openSelect(clock, select);\n      assert.equal(select.visibleOptions.length, 2);\n\n      await assertScreenshot('select/searching', getClipWithOptions(select));\n    });\n\n    it('can use an endpoint and allow multiple', async () => {\n      const select = await createSelect(\n        clock,\n        getSelectHTML([], {\n          placeholder: 'Select a color',\n          endpoint: '/test-assets/select/colors.json',\n          searchable: true,\n          multi: true\n        })\n      );\n\n      await assertScreenshot(\n        'select/multi-with-endpoint',\n        getClipWithOptions(select)\n      );\n\n      // await typeInto('temba-select', 're', false);\n      // await open(select);\n      // assert.equal(select.visibleOptions.length, 2);\n    });\n\n    it('pages through cursor results', async () => {\n      const select = await createSelect(\n        clock,\n        getSelectHTML([], {\n          placeholder: 'Select a group',\n          endpoint: '/test-assets/select/groups.json',\n          valueKey: 'uuid'\n        })\n      );\n\n      await openSelect(clock, select);\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        clock,\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 openSelect(clock, select);\n      assert.equal(select.visibleOptions.length, 15);\n\n      // close and reopen\n      select.blur();\n      await clock.tick(250);\n\n      await openSelect(clock, 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        clock,\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 openSelect(clock, select);\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        clock,\n        getSelectHTML(colors, { clearable: true })\n      );\n      assert.equal(select.getStaticOptions().length, 3);\n\n      await openAndClick(clock, 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    it('should look the same with search enabled', async () => {\n      const select = await createSelect(\n        clock,\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        clock,\n        getSelectHTML(colors, { searchable: true })\n      );\n\n      // select the first option\n      await openAndClick(clock, 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        clock,\n        getSelectHTML(colors, { searchable: true })\n      );\n\n      // select the first option\n      await openAndClick(clock, select, 1);\n\n      // now open and look at focus\n      await openSelect(clock, 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        clock,\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(clock, select, 0);\n      await openAndClick(clock, select, 0);\n      await openSelect(clock, 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 openSelect(clock, 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        clock,\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 openSelect(clock, select);\n\n      await assertScreenshot('select/functions', getClipWithOptions(select));\n    });\n\n    it('should truncate selection if necessesary', async () => {\n      const options = [\n        {\n          name: 'this_is_a_long_selection_to_make_sure_it_truncates_but_it_needs_to_be_longer',\n          value: '0'\n        }\n      ];\n\n      const select = await createSelect(\n        clock,\n        getSelectHTML(options, {\n          value: '0'\n        })\n      );\n\n      await assertScreenshot(\n        'select/truncated-selection',\n        getClipWithOptions(select)\n      );\n    });\n\n    it('can select expression completion as value', async () => {\n      await loadStore();\n\n      const select = await createSelect(\n        clock,\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(clock, 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"]}