@crowdstrike/glide-core 0.13.0 → 0.14.0

package/dist/dropdown.test.events.single.js

@@ -1,343 +0,0 @@
-/* eslint-disable @typescript-eslint/no-unused-expressions */
-import './dropdown.option.js';
-import * as sinon from 'sinon';
-import { aTimeout, expect, fixture, html, oneEvent } from '@open-wc/testing';
-import { sendKeys } from '@web/test-runner-commands';
-import GlideCoreDropdown from './dropdown.js';
-GlideCoreDropdown.shadowRootOptions.mode = 'open';
-it('dispatches one "change" event when an option is selected via click', async () => {
-    const component = await fixture(html `<glide-core-dropdown label="Label" placeholder="Placeholder" open>
-      <glide-core-dropdown-option label="One"></glide-core-dropdown-option>
-
-      <glide-core-dropdown-option
-        label="Two"
-        selected
-      ></glide-core-dropdown-option>
-    </glide-core-dropdown>`);
-    const spy = sinon.spy();
-    component.addEventListener('change', spy);
-    setTimeout(() => {
-        component.querySelector('glide-core-dropdown-option')?.click();
-    });
-    const event = await oneEvent(component, 'change');
-    expect(event instanceof Event).to.be.true;
-    expect(event.bubbles).to.be.true;
-    expect(spy.callCount).to.equal(1);
-});
-it('dispatches one "change" event when an option is selected via Enter', async () => {
-    const component = await fixture(html `<glide-core-dropdown label="Label" placeholder="Placeholder" open>
-      <glide-core-dropdown-option label="One"></glide-core-dropdown-option>
-
-      <glide-core-dropdown-option
-        label="Two"
-        selected
-      ></glide-core-dropdown-option>
-    </glide-core-dropdown>`);
-    const spy = sinon.spy();
-    component.addEventListener('change', spy);
-    // Activate the first option before selecting it. The second option is
-    // currently active because it's selected.
-    component
-        .querySelector('glide-core-dropdown-option')
-        ?.dispatchEvent(new MouseEvent('mouseover', { bubbles: true }));
-    component.focus();
-    sendKeys({ press: 'Enter' });
-    const event = await oneEvent(component, 'change');
-    expect(event instanceof Event).to.be.true;
-    expect(event.bubbles).to.be.true;
-    expect(spy.callCount).to.equal(1);
-});
-it('dispatches one "change" event when an option is selected via Space', async () => {
-    const component = await fixture(html `<glide-core-dropdown label="Label" placeholder="Placeholder" open>
-      <glide-core-dropdown-option label="One"></glide-core-dropdown-option>
-
-      <glide-core-dropdown-option
-        label="Two"
-        selected
-      ></glide-core-dropdown-option>
-    </glide-core-dropdown>`);
-    const spy = sinon.spy();
-    component.addEventListener('change', spy);
-    // Activate the first option before selecting it. The second option is
-    // currently active because it's selected.
-    component
-        .querySelector('glide-core-dropdown-option')
-        ?.dispatchEvent(new MouseEvent('mouseover', { bubbles: true }));
-    component.focus();
-    sendKeys({ press: ' ' });
-    const event = await oneEvent(component, 'change');
-    expect(event instanceof Event).to.be.true;
-    expect(event.bubbles).to.be.true;
-    expect(spy.callCount).to.equal(1);
-});
-it('dispatches an "edit" event on click', async () => {
-    const component = await fixture(html `<glide-core-dropdown label="Label" placeholder="Placeholder">
-      <glide-core-dropdown-option
-        label="Label"
-        editable
-        selected
-      ></glide-core-dropdown-option>
-    </glide-core-dropdown>`);
-    setTimeout(() => {
-        component?.shadowRoot
-            ?.querySelector('[data-test="edit-button"]')
-            ?.click();
-    });
-    const event = await oneEvent(component, 'edit');
-    const option = component.querySelector('glide-core-dropdown-option');
-    expect(event instanceof Event).to.be.true;
-    expect(event.bubbles).to.be.true;
-    expect(event.composed).to.be.true;
-    expect(event.target).to.equal(option);
-});
-it('dispatches an "edit" event on Enter', async () => {
-    const component = await fixture(html `<glide-core-dropdown label="Label" placeholder="Placeholder">
-      <glide-core-dropdown-option
-        label="Label"
-        editable
-        selected
-      ></glide-core-dropdown-option>
-    </glide-core-dropdown>`);
-    component?.shadowRoot
-        ?.querySelector('[data-test="edit-button"]')
-        ?.focus();
-    sendKeys({ press: 'Enter' });
-    const event = await oneEvent(component, 'edit');
-    const option = component.querySelector('glide-core-dropdown-option');
-    expect(event instanceof Event).to.be.true;
-    expect(event.bubbles).to.be.true;
-    expect(event.composed).to.be.true;
-    expect(event.target).to.equal(option);
-});
-it('dispatches an "edit" event on Space', async () => {
-    const component = await fixture(html `<glide-core-dropdown label="Label" placeholder="Placeholder">
-      <glide-core-dropdown-option
-        label="Label"
-        editable
-        selected
-      ></glide-core-dropdown-option>
-    </glide-core-dropdown>`);
-    component?.shadowRoot
-        ?.querySelector('[data-test="edit-button"]')
-        ?.focus();
-    sendKeys({ press: ' ' });
-    const event = await oneEvent(component, 'edit');
-    const option = component.querySelector('glide-core-dropdown-option');
-    expect(event instanceof Event).to.be.true;
-    expect(event.bubbles).to.be.true;
-    expect(event.target).to.equal(option);
-});
-it('does not dispatch an "edit" event when `disabled`', async () => {
-    const component = await fixture(html `<glide-core-dropdown label="Label" placeholder="Placeholder" disabled>
-      <glide-core-dropdown-option
-        label="Label"
-        editable
-        selected
-      ></glide-core-dropdown-option>
-    </glide-core-dropdown>`);
-    const spy = sinon.spy();
-    component.addEventListener('edit', spy);
-    component?.shadowRoot
-        ?.querySelector('[data-test="edit-button"]')
-        ?.click();
-    expect(spy.callCount).to.equal(0);
-});
-it('does not dispatch an "edit" event when `readonly`', async () => {
-    const component = await fixture(html `<glide-core-dropdown label="Label" placeholder="Placeholder" readonly>
-      <glide-core-dropdown-option
-        label="Label"
-        editable
-        selected
-      ></glide-core-dropdown-option>
-    </glide-core-dropdown>`);
-    const spy = sinon.spy();
-    component.addEventListener('edit', spy);
-    component?.shadowRoot
-        ?.querySelector('[data-test="edit-button"]')
-        ?.click();
-    expect(spy.callCount).to.equal(0);
-});
-it('dispatches one "input" event when an option is selected via click', async () => {
-    const component = await fixture(html `<glide-core-dropdown label="Label" placeholder="Placeholder" open>
-      <glide-core-dropdown-option label="One"></glide-core-dropdown-option>
-
-      <glide-core-dropdown-option
-        label="Two"
-        selected
-      ></glide-core-dropdown-option>
-    </glide-core-dropdown>`);
-    const spy = sinon.spy();
-    component.addEventListener('input', spy);
-    setTimeout(() => {
-        component.querySelector('glide-core-dropdown-option')?.click();
-    });
-    const event = await oneEvent(component, 'input');
-    expect(event instanceof Event).to.be.true;
-    expect(event.bubbles).to.be.true;
-    expect(spy.callCount).to.equal(1);
-});
-it('dispatches one "input" event when an option is selected via Enter', async () => {
-    const component = await fixture(html `<glide-core-dropdown label="Label" placeholder="Placeholder" open>
-      <glide-core-dropdown-option label="One"></glide-core-dropdown-option>
-
-      <glide-core-dropdown-option
-        label="Two"
-        selected
-      ></glide-core-dropdown-option>
-    </glide-core-dropdown>`);
-    const spy = sinon.spy();
-    component.addEventListener('input', spy);
-    // Activate the first option before selecting it. The second option is
-    // currently active because it's selected.
-    component
-        .querySelector('glide-core-dropdown-option')
-        ?.dispatchEvent(new MouseEvent('mouseover', { bubbles: true }));
-    component.focus();
-    sendKeys({ press: 'Enter' });
-    const event = await oneEvent(component, 'input');
-    expect(event instanceof Event).to.be.true;
-    expect(event.bubbles).to.be.true;
-    expect(spy.callCount).to.equal(1);
-});
-it('dispatches one "input" event when an option is selected via Space', async () => {
-    const component = await fixture(html `<glide-core-dropdown label="Label" placeholder="Placeholder" open>
-      <glide-core-dropdown-option label="One"></glide-core-dropdown-option>
-
-      <glide-core-dropdown-option
-        label="Two"
-        selected
-      ></glide-core-dropdown-option>
-    </glide-core-dropdown>`);
-    const spy = sinon.spy();
-    component.addEventListener('input', spy);
-    // Activate the first option before selecting it. The second option is
-    // currently active because it's selected.
-    component
-        .querySelector('glide-core-dropdown-option')
-        ?.dispatchEvent(new MouseEvent('mouseover', { bubbles: true }));
-    component.focus();
-    sendKeys({ press: ' ' });
-    const event = await oneEvent(component, 'input');
-    expect(event instanceof Event).to.be.true;
-    expect(event.bubbles).to.be.true;
-    expect(spy.callCount).to.equal(1);
-});
-it('does not dispatch a "change" event when an already selected option is clicked', async () => {
-    const component = await fixture(html `<glide-core-dropdown label="Label" placeholder="Placeholder" open>
-      <glide-core-dropdown-option
-        label="One"
-        selected
-      ></glide-core-dropdown-option>
-
-      <glide-core-dropdown-option label="Two"></glide-core-dropdown-option>
-    </glide-core-dropdown>`);
-    // Wait for it to open.
-    await aTimeout(0);
-    const spy = sinon.spy();
-    component.addEventListener('change', spy);
-    setTimeout(() => {
-        component.querySelector('glide-core-dropdown-option')?.click();
-    });
-    await aTimeout(0);
-    expect(spy.callCount).to.equal(0);
-});
-it('does not dispatch a "change" event when `value` is changed programmatically', async () => {
-    const component = await fixture(html `<glide-core-dropdown label="Label" placeholder="Placeholder" open>
-      <glide-core-dropdown-option label="One"></glide-core-dropdown-option>
-
-      <glide-core-dropdown-option
-        label="Two"
-        selected
-      ></glide-core-dropdown-option>
-    </glide-core-dropdown>`);
-    const spy = sinon.spy();
-    component.addEventListener('change', spy);
-    setTimeout(() => {
-        component.value = ['one'];
-    });
-    await aTimeout(0);
-    expect(spy.callCount).to.equal(0);
-});
-it('continues to dispatch "change" events upon selection after `value` is changed programmatically', async () => {
-    const component = await fixture(html `<glide-core-dropdown label="Label" placeholder="Placeholder" open>
-      <glide-core-dropdown-option label="One"></glide-core-dropdown-option>
-
-      <glide-core-dropdown-option
-        label="Two"
-        selected
-      ></glide-core-dropdown-option>
-    </glide-core-dropdown>`);
-    component.value = ['two'];
-    setTimeout(() => {
-        component.querySelector('glide-core-dropdown-option')?.click();
-    });
-    const event = await oneEvent(component, 'change');
-    expect(event instanceof Event).to.be.true;
-});
-it('does not dispatch an "input" event when `value` is changed programmatically', async () => {
-    const component = await fixture(html `<glide-core-dropdown label="Label" placeholder="Placeholder" open>
-      <glide-core-dropdown-option label="One"></glide-core-dropdown-option>
-
-      <glide-core-dropdown-option
-        label="Two"
-        selected
-      ></glide-core-dropdown-option>
-    </glide-core-dropdown>`);
-    const spy = sinon.spy();
-    component.addEventListener('input', spy);
-    setTimeout(() => {
-        component.value = ['one'];
-    });
-    await aTimeout(0);
-    expect(spy.callCount).to.equal(0);
-});
-it('does not dispatch a "change" event when an already selected option is selected', async () => {
-    const component = await fixture(html `<glide-core-dropdown label="Label" placeholder="Placeholder" open>
-      <glide-core-dropdown-option
-        label="One"
-        selected
-      ></glide-core-dropdown-option>
-
-      <glide-core-dropdown-option label="Two"></glide-core-dropdown-option>
-    </glide-core-dropdown>`);
-    const spy = sinon.spy();
-    component.addEventListener('change', spy);
-    setTimeout(() => {
-        component.querySelector('glide-core-dropdown-option')?.click();
-    });
-    await aTimeout(0);
-    expect(spy.callCount).to.equal(0);
-});
-it('does not dispatch an "input" event when an already selected option is selected', async () => {
-    const component = await fixture(html `<glide-core-dropdown label="Label" placeholder="Placeholder" open>
-      <glide-core-dropdown-option
-        label="One"
-        selected
-      ></glide-core-dropdown-option>
-
-      <glide-core-dropdown-option label="Two"></glide-core-dropdown-option>
-    </glide-core-dropdown>`);
-    const spy = sinon.spy();
-    component.addEventListener('input', spy);
-    setTimeout(() => {
-        component.querySelector('glide-core-dropdown-option')?.click();
-    });
-    await aTimeout(0);
-    expect(spy.callCount).to.equal(0);
-});
-it('continues to dispatch "input" events upon selection after `value` is changed programmatically', async () => {
-    const component = await fixture(html `<glide-core-dropdown label="Label" placeholder="Placeholder" open>
-      <glide-core-dropdown-option label="One"></glide-core-dropdown-option>
-
-      <glide-core-dropdown-option
-        label="Two"
-        selected
-      ></glide-core-dropdown-option>
-    </glide-core-dropdown>`);
-    component.value = ['two'];
-    setTimeout(() => {
-        component.querySelector('glide-core-dropdown-option')?.click();
-    });
-    const event = await oneEvent(component, 'input');
-    expect(event instanceof Event).to.be.true;
-});

package/dist/dropdown.test.focus.d.ts

@@ -1 +0,0 @@
-import './dropdown.option.js';

package/dist/dropdown.test.focus.filterable.d.ts

@@ -1 +0,0 @@
-import './dropdown.option.js';

package/dist/dropdown.test.focus.filterable.js

@@ -1,140 +0,0 @@
-import './dropdown.option.js';
-import { aTimeout, assert, expect, fixture, html } from '@open-wc/testing';
-import { sendKeys } from '@web/test-runner-commands';
-import { sendMouse } from '@web/test-runner-commands';
-import GlideCoreDropdown from './dropdown.js';
-import GlideCoreDropdownOption from './dropdown.option.js';
-GlideCoreDropdown.shadowRootOptions.mode = 'open';
-GlideCoreDropdownOption.shadowRootOptions.mode = 'open';
-const defaultSlot = html `
-  <glide-core-dropdown-option label="One"></glide-core-dropdown-option>
-  <glide-core-dropdown-option label="Two"></glide-core-dropdown-option>
-  <glide-core-dropdown-option label="Three"></glide-core-dropdown-option>
-  <glide-core-dropdown-option label="Four"></glide-core-dropdown-option>
-  <glide-core-dropdown-option label="Five"></glide-core-dropdown-option>
-  <glide-core-dropdown-option label="Six"></glide-core-dropdown-option>
-  <glide-core-dropdown-option label="Seven"></glide-core-dropdown-option>
-  <glide-core-dropdown-option label="Eight"></glide-core-dropdown-option>
-  <glide-core-dropdown-option label="Nine"></glide-core-dropdown-option>
-  <glide-core-dropdown-option label="Ten"></glide-core-dropdown-option>
-  <glide-core-dropdown-option label="Eleven"></glide-core-dropdown-option>
-`;
-it('focuses the input when `focus()` is called', async () => {
-    const component = await fixture(html `<glide-core-dropdown label="Label" placeholder="Placeholder">
-      ${defaultSlot}
-    </glide-core-dropdown>`);
-    component.focus();
-    const input = component.shadowRoot?.querySelector('[data-test="input"]');
-    expect(component.shadowRoot?.activeElement).to.equal(input);
-});
-it('retains focus on the input when an option is selected via click', async () => {
-    const component = await fixture(html `<glide-core-dropdown
-      label="Label"
-      placeholder="Placeholder"
-      multiple
-      open
-    >
-      ${defaultSlot}
-    </glide-core-dropdown>`);
-    // Wait for it to open.
-    await aTimeout(0);
-    component.focus();
-    const option = component.querySelector('glide-core-dropdown-option');
-    assert(option);
-    const { x, y } = option.getBoundingClientRect();
-    // A simple `option.click()` won't do because we need a "mousedown" so that
-    // `#onOptionsMousedown` is covered.
-    await sendMouse({
-        type: 'click',
-        position: [Math.ceil(x), Math.ceil(y)],
-    });
-    const input = component.shadowRoot?.querySelector('[data-test="input"]');
-    assert(component.shadowRoot?.activeElement);
-    expect(component.shadowRoot?.activeElement).to.equal(input);
-});
-it('retains focus on the the input when an option is selected via Enter', async () => {
-    const component = await fixture(html `<glide-core-dropdown label="Label" placeholder="Placeholder" open>
-      ${defaultSlot}
-    </glide-core-dropdown>`);
-    // Wait for it to open.
-    await aTimeout(0);
-    component.focus();
-    component
-        .querySelector('glide-core-dropdown-option')
-        ?.shadowRoot?.querySelector('[data-test="component"]')
-        ?.dispatchEvent(new KeyboardEvent('keydown', { key: 'Enter', bubbles: true }));
-    const input = component.shadowRoot?.querySelector('[data-test="input"]');
-    expect(component.shadowRoot?.activeElement).to.equal(input);
-});
-it('retains focus on the the input when the primary button is clicked', async () => {
-    const component = await fixture(html `<glide-core-dropdown label="Label" placeholder="Placeholder" open>
-      ${defaultSlot}
-    </glide-core-dropdown>`);
-    component.focus();
-    const button = component.shadowRoot?.querySelector('[data-test="primary-button"]');
-    assert(button);
-    const { x, y } = button.getBoundingClientRect();
-    // A simple `option.click()` won't do because we need a "mousedown" so that
-    // `#onDropdownMousedown` gets covered.
-    await sendMouse({
-        type: 'click',
-        position: [Math.ceil(x), Math.ceil(y)],
-    });
-    const input = component.shadowRoot?.querySelector('[data-test="input"]');
-    expect(component.shadowRoot?.activeElement).to.equal(input);
-});
-it('focuses the input on submit when required and no option is selected', async () => {
-    const form = document.createElement('form');
-    const component = await fixture(html `<glide-core-dropdown label="Label" placeholder="Placeholder" required>
-      ${defaultSlot}
-    </glide-core-dropdown>`, {
-        parentNode: form,
-    });
-    form.requestSubmit();
-    const input = component.shadowRoot?.querySelector('[data-test="input"]');
-    expect(component.shadowRoot?.activeElement).to.be.equal(input);
-});
-it('focuses the input when `reportValidity` is called when required and no option is selected', async () => {
-    const form = document.createElement('form');
-    const component = await fixture(html `<glide-core-dropdown label="Label" placeholder="Placeholder" required>
-      ${defaultSlot}
-    </glide-core-dropdown>`, { parentNode: form });
-    component.reportValidity();
-    const input = component.shadowRoot?.querySelector('[data-test="input"]');
-    expect(component.shadowRoot?.activeElement).to.equal(input);
-});
-it('does not focus the input when `checkValidity` is called', async () => {
-    const form = document.createElement('form');
-    const component = await fixture(html `<glide-core-dropdown label="Label" placeholder="Placeholder" required>
-      ${defaultSlot}
-    </glide-core-dropdown>`, { parentNode: form });
-    component.checkValidity();
-    expect(component.shadowRoot?.activeElement).to.equal(null);
-});
-it('sets the `value` of its `<input>` to the selected option when focus is lost', async () => {
-    const component = await fixture(html `<glide-core-dropdown label="Label" placeholder="Placeholder" open>
-      ${defaultSlot}
-    </glide-core-dropdown>`);
-    // Wait for it to open.
-    await aTimeout(0);
-    const option = component.querySelector('glide-core-dropdown-option');
-    assert(option);
-    option.selected = true;
-    // Now type something other than "One" so we can check that it's reverted
-    // back to "One" when focus is lost.
-    component.focus();
-    await sendKeys({ type: 'o' });
-    component.blur();
-    const input = component.shadowRoot?.querySelector('[data-test="input"]');
-    expect(input?.value).to.equal('One');
-});
-it('selects the filter text on focus', async () => {
-    const component = await fixture(html `<glide-core-dropdown label="Label" placeholder="Placeholder">
-      ${defaultSlot}
-    </glide-core-dropdown>`);
-    component.focus();
-    await sendKeys({ type: 'one' });
-    component.blur();
-    component.focus();
-    expect(window.getSelection()?.toString()).to.equal('one');
-});

package/dist/dropdown.test.focus.js

@@ -1,107 +0,0 @@
-/* eslint-disable @typescript-eslint/no-unused-expressions */
-import './dropdown.option.js';
-import { aTimeout, elementUpdated, expect, fixture, html, } from '@open-wc/testing';
-import { sendKeys } from '@web/test-runner-commands';
-import GlideCoreDropdown from './dropdown.js';
-import GlideCoreDropdownOption from './dropdown.option.js';
-GlideCoreDropdown.shadowRootOptions.mode = 'open';
-GlideCoreDropdownOption.shadowRootOptions.mode = 'open';
-it('closes and reports validity when it loses focus', async () => {
-    const div = document.createElement('div');
-    const component = await fixture(html `<glide-core-dropdown
-      label="Label"
-      placeholder="Placeholder"
-      open
-      required
-    >
-      <glide-core-dropdown-option label="Label"></glide-core-dropdown-option>
-    </glide-core-dropdown>`, { parentNode: div });
-    const button = document.createElement('button');
-    div.prepend(button);
-    component.focus();
-    // Move focus to the body.
-    await sendKeys({ press: 'Tab' });
-    expect(component.open).to.be.false;
-    component.open = true;
-    component.focus();
-    // Move focus to the primary button.
-    await sendKeys({ down: 'Shift' });
-    await sendKeys({ press: 'Tab' });
-    await sendKeys({ up: 'Shift' });
-    expect(component.open).to.be.false;
-    expect(component.shadowRoot?.activeElement).to.equal(null);
-    expect(component.validity.valid).to.be.false;
-    expect(component.shadowRoot?.querySelector('glide-core-private-label')?.error)
-        .to.be.true;
-});
-it('is focused when clicked', async () => {
-    const component = await fixture(html `<glide-core-dropdown label="Label" placeholder="Placeholder">
-      <glide-core-dropdown-option label="Label"></glide-core-dropdown-option>
-    </glide-core-dropdown>`);
-    // Calling `click()` would be sweet. The problem is it sets `event.detail` to `0`,
-    // which puts us in a guard in the event handler. `Event` has no `detail` property
-    // and would work. `CustomEvent` is used for completeness and to get us as close as
-    // possible to a real click. See the comment in the handler for more information.
-    const button = component.shadowRoot?.querySelector('[data-test="primary-button"]');
-    button?.dispatchEvent(new CustomEvent('click', { bubbles: true, detail: 1 }));
-    expect(component.shadowRoot?.activeElement).to.equal(button);
-});
-it('focuses the Add button on ArrowDown', async () => {
-    const component = await fixture(html `<glide-core-dropdown
-      add-button-label="Add"
-      label="Label"
-      placeholder="Placeholder"
-      open
-    >
-      <glide-core-dropdown-option label="One"></glide-core-dropdown-option>
-      <glide-core-dropdown-option label="Two"></glide-core-dropdown-option>
-    </glide-core-dropdown>`);
-    // Wait for it to open.
-    await aTimeout(0);
-    const options = component.querySelectorAll('glide-core-dropdown-option');
-    component.focus();
-    await sendKeys({ press: 'ArrowDown' }); // Two
-    await sendKeys({ press: 'ArrowDown' }); // Add button
-    const addButton = component.shadowRoot?.querySelector('[data-test="add-button"]');
-    expect(options[0]?.privateActive).to.be.false;
-    expect(options[0]?.privateActive).to.be.false;
-    expect(options[1]?.privateActive).to.be.false;
-    expect(options[1]?.privateIsEditActive).to.be.false;
-    expect(options[1]?.privateIsOpenTooltip).to.be.false;
-    expect(component.shadowRoot?.activeElement).to.equal(addButton);
-});
-it('returns focus to itself on Escape when the Add button has focus', async () => {
-    const component = await fixture(html `<glide-core-dropdown
-      add-button-label="Add"
-      label="Label"
-      placeholder="Placeholder"
-      open
-    >
-      <glide-core-dropdown-option label="Label"></glide-core-dropdown-option>
-    </glide-core-dropdown>`);
-    // Wait for it to open.
-    await aTimeout(0);
-    component.focus();
-    await sendKeys({ press: 'Tab' });
-    await sendKeys({ press: 'Escape' });
-    expect(document.activeElement).to.equal(component);
-});
-it('returns focus to itself when an option is activated and the Add button has focus', async () => {
-    const component = await fixture(html `<glide-core-dropdown
-      add-button-label="Add"
-      label="Label"
-      placeholder="Placeholder"
-      open
-    >
-      <glide-core-dropdown-option label="Label"></glide-core-dropdown-option>
-    </glide-core-dropdown>`);
-    // Wait for it to open.
-    await aTimeout(0);
-    component.focus();
-    await sendKeys({ press: 'Tab' });
-    component
-        .querySelector('glide-core-dropdown-option')
-        ?.dispatchEvent(new MouseEvent('mouseover', { bubbles: true }));
-    await elementUpdated(component);
-    expect(document.activeElement).to.equal(component);
-});

package/dist/dropdown.test.focus.multiple.d.ts

@@ -1 +0,0 @@
-import './dropdown.option.js';