@crowdstrike/glide-core 0.13.0 → 0.14.0

package/dist/dropdown.test.basics.multiple.js

@@ -1,259 +0,0 @@
-/* eslint-disable @typescript-eslint/no-unused-expressions */
-import './dropdown.option.js';
-import { aTimeout, expect, fixture, html } from '@open-wc/testing';
-import GlideCoreDropdown from './dropdown.js';
-import GlideCoreTag from './tag.js';
-GlideCoreDropdown.shadowRootOptions.mode = 'open';
-it('is accessible', async () => {
-    const component = await fixture(html `<glide-core-dropdown label="Label" placeholder="Placeholder" multiple>
-      <glide-core-dropdown-option label="One"></glide-core-dropdown-option>
-
-      <glide-core-dropdown-option
-        label="Two"
-        selected
-      ></glide-core-dropdown-option>
-    </glide-core-dropdown>`);
-    await expect(component).to.be.accessible();
-});
-it('sets `value` to that of the initially selected options', async () => {
-    const component = await fixture(html `<glide-core-dropdown open multiple>
-      <glide-core-dropdown-option
-        label="One"
-        value="one"
-      ></glide-core-dropdown-option>
-
-      <glide-core-dropdown-option
-        label="Two"
-        value="two"
-        selected
-      ></glide-core-dropdown-option>
-
-      <glide-core-dropdown-option
-        label="Three"
-        value="three"
-        selected
-      ></glide-core-dropdown-option>
-    </glide-core-dropdown>`);
-    expect(component.value).to.deep.equal(['two', 'three']);
-});
-it('has selected option labels when options are initially selected', async () => {
-    const component = await fixture(html `<glide-core-dropdown label="Label" placeholder="Placeholder" multiple>
-      <glide-core-dropdown-option
-        label="One"
-        selected
-      ></glide-core-dropdown-option>
-
-      <glide-core-dropdown-option
-        label="Two"
-        selected
-      ></glide-core-dropdown-option>
-    </glide-core-dropdown>`);
-    const labels = component.shadowRoot?.querySelectorAll('[data-test="selected-option-label"]');
-    expect(labels?.length).to.equal(2);
-    expect(labels?.[0]?.textContent?.trim()).to.equal('One,');
-    expect(labels?.[1]?.textContent?.trim()).to.equal('Two,');
-});
-it('has a tag when an option is initially selected', async () => {
-    const component = await fixture(html `<glide-core-dropdown label="Label" placeholder="Placeholder" multiple>
-      <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 tag = component.shadowRoot?.querySelector('[data-test="tag"]');
-    expect(tag?.checkVisibility()).to.be.true;
-    expect(tag?.label).to.equal('One');
-});
-it('shows Select All', async () => {
-    const component = await fixture(html `<glide-core-dropdown
-      label="Label"
-      placeholder="Placeholder"
-      multiple
-      select-all
-      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 selectAll = component.shadowRoot?.querySelector('[data-test="select-all"]');
-    expect(selectAll?.checkVisibility()).to.be.true;
-});
-it('sets Select All as selected when all options are initially selected', async () => {
-    const component = await fixture(html `<glide-core-dropdown
-      label="Label"
-      placeholder="Placeholder"
-      multiple
-      select-all
-    >
-      <glide-core-dropdown-option
-        label="One"
-        selected
-      ></glide-core-dropdown-option>
-
-      <glide-core-dropdown-option
-        label="Two"
-        selected
-      ></glide-core-dropdown-option>
-    </glide-core-dropdown>`);
-    const selectAll = component.shadowRoot?.querySelector('[data-test="select-all"]');
-    expect(selectAll?.selected).to.be.true;
-});
-it('sets Select All as deselected when no options are initially selected', async () => {
-    const component = await fixture(html `<glide-core-dropdown
-      label="Label"
-      placeholder="Placeholder"
-      multiple
-      select-all
-    >
-      <glide-core-dropdown-option label="One"></glide-core-dropdown-option>
-      <glide-core-dropdown-option label="Two"></glide-core-dropdown-option>
-    </glide-core-dropdown>`);
-    const selectAll = component.shadowRoot?.querySelector('[data-test="select-all"]');
-    expect(selectAll?.selected).to.be.false;
-});
-it('sets Select All as indeterminate when not all options are initially selected', async () => {
-    const component = await fixture(html `<glide-core-dropdown
-      label="Label"
-      placeholder="Placeholder"
-      multiple
-      select-all
-    >
-      <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 selectAll = component.shadowRoot?.querySelector('[data-test="select-all"]');
-    expect(selectAll?.privateIndeterminate).to.be.true;
-});
-it('does not set Select All as indeterminate when no options are initially selected', async () => {
-    const component = await fixture(html `<glide-core-dropdown
-      label="Label"
-      placeholder="Placeholder"
-      multiple
-      select-all
-    >
-      <glide-core-dropdown-option label="One"></glide-core-dropdown-option>
-      <glide-core-dropdown-option label="Two"></glide-core-dropdown-option>
-    </glide-core-dropdown>`);
-    const selectAll = component.shadowRoot?.querySelector('[data-test="select-all"]');
-    expect(selectAll?.privateIndeterminate).to.be.false;
-});
-it('does not set Select All as indeterminate when all options are initially selected', async () => {
-    const component = await fixture(html `<glide-core-dropdown
-      label="Label"
-      placeholder="Placeholder"
-      multiple
-      select-all
-    >
-      <glide-core-dropdown-option
-        label="One"
-        selected
-      ></glide-core-dropdown-option>
-
-      <glide-core-dropdown-option
-        label="Two"
-        selected
-      ></glide-core-dropdown-option>
-    </glide-core-dropdown>`);
-    const selectAll = component.shadowRoot?.querySelector('[data-test="select-all"]');
-    expect(selectAll?.privateIndeterminate).to.be.false;
-});
-it('sets its internal label to `placeholder` when no option is initially selected', async () => {
-    const component = await fixture(html `<glide-core-dropdown label="Label" placeholder="Placeholder" multiple>
-      <glide-core-dropdown-option label="One"></glide-core-dropdown-option>
-      <glide-core-dropdown-option label="Two"></glide-core-dropdown-option>
-    </glide-core-dropdown>`);
-    const label = component.shadowRoot?.querySelector('[data-test="internal-label"]');
-    expect(label?.textContent?.trim()).to.equal('Placeholder');
-});
-it('has no internal label when an option is initially selected', async () => {
-    const component = await fixture(html `<glide-core-dropdown
-      label="Label"
-      placeholder="Placeholder"
-      open
-      multiple
-    >
-      <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 label = component.shadowRoot?.querySelector('[data-test="internal-label"]');
-    expect(label?.checkVisibility()).to.not.be.ok;
-});
-it('has a "multiselect" icon for each selected option with a value', async () => {
-    const component = await fixture(html `<glide-core-dropdown label="Label" placeholder="Placeholder" multiple>
-      <div slot="icon:one">✓</div>
-      <div slot="icon:two">✓</div>
-      <div slot="icon:three">✓</div>
-
-      <glide-core-dropdown-option
-        label="One"
-        value="one"
-        selected
-      ></glide-core-dropdown-option>
-
-      <glide-core-dropdown-option
-        label="Two"
-        value="two"
-        selected
-      ></glide-core-dropdown-option>
-
-      <glide-core-dropdown-option
-        label="Three"
-        selected
-      ></glide-core-dropdown-option>
-    </glide-core-dropdown>`);
-    const icons = component.shadowRoot?.querySelectorAll('[data-test="multiselect-icon-slot"]');
-    expect(icons?.length).to.equal(2);
-});
-it('has no "multiselect" icons when no options are selected', async () => {
-    const component = await fixture(html `<glide-core-dropdown label="Label" placeholder="Placeholder" multiple>
-      <div slot="icon:one">✓</div>
-      <div slot="icon:two">✓</div>
-
-      <glide-core-dropdown-option
-        label="One"
-        value="one"
-      ></glide-core-dropdown-option>
-
-      <glide-core-dropdown-option
-        label="Two"
-        value="two"
-      ></glide-core-dropdown-option>
-    </glide-core-dropdown>`);
-    const icons = component.shadowRoot?.querySelectorAll('[data-test="multiselect-icon-slot"]');
-    expect(icons?.length).to.equal(0);
-});
-it('has no "single-select" icon', async () => {
-    const component = await fixture(html `<glide-core-dropdown label="Label" placeholder="Placeholder" multiple>
-      <div slot="icon:one">✓</div>
-      <div slot="icon:two">✓</div>
-
-      <glide-core-dropdown-option
-        label="One"
-        value="one"
-        selected
-      ></glide-core-dropdown-option>
-
-      <glide-core-dropdown-option
-        label="Two"
-        value="two"
-      ></glide-core-dropdown-option>
-    </glide-core-dropdown>`);
-    const iconSlot = component.shadowRoot?.querySelector('[data-test="single-select-icon-slot"]');
-    expect(iconSlot).to.be.null;
-});

package/dist/dropdown.test.basics.single.d.ts

@@ -1 +0,0 @@
-export {};

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

@@ -1,122 +0,0 @@
-/* eslint-disable @typescript-eslint/no-unused-expressions */
-import { expect, fixture, html } from '@open-wc/testing';
-import GlideCoreDropdown from './dropdown.js';
-GlideCoreDropdown.shadowRootOptions.mode = 'open';
-it('is accessible ', 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>`);
-    await expect(component).to.be.accessible();
-});
-it('has a selected option label when an option is initially selected', async () => {
-    const component = await fixture(html `<glide-core-dropdown label="Label" placeholder="Placeholder">
-      <glide-core-dropdown-option
-        label="One"
-        selected
-      ></glide-core-dropdown-option>
-    </glide-core-dropdown>`);
-    const labels = component.shadowRoot?.querySelectorAll('[data-test="selected-option-label"]');
-    expect(labels?.length).to.equal(1);
-    expect(labels?.[0]?.textContent?.trim()).to.equal('One,');
-});
-it('sets its internal `label` to the last initially selected option', async () => {
-    const component = await fixture(html `<glide-core-dropdown label="Label" placeholder="Placeholder">
-      <glide-core-dropdown-option
-        label="One"
-        selected
-      ></glide-core-dropdown-option>
-
-      <glide-core-dropdown-option
-        label="Two"
-        selected
-      ></glide-core-dropdown-option>
-    </glide-core-dropdown>`);
-    const label = component.shadowRoot?.querySelector('[data-test="internal-label"]');
-    expect(label?.textContent?.trim()).to.equal('Two');
-});
-it('sets `value` to that of the last initially selected option', async () => {
-    const component = await fixture(html `<glide-core-dropdown open>
-      <glide-core-dropdown-option
-        label="One"
-        value="one"
-      ></glide-core-dropdown-option>
-
-      <glide-core-dropdown-option
-        label="Two"
-        value="two"
-        selected
-      ></glide-core-dropdown-option>
-
-      <glide-core-dropdown-option
-        label="Three"
-        value="three"
-        selected
-      ></glide-core-dropdown-option>
-    </glide-core-dropdown>`);
-    expect(component.value).to.deep.equal(['three']);
-});
-it('hides Select All', async () => {
-    const component = await fixture(html `<glide-core-dropdown label="Label" placeholder="Placeholder">
-      <glide-core-dropdown-option
-        label="One"
-        value="one"
-        selected
-      ></glide-core-dropdown-option>
-
-      <glide-core-dropdown-option
-        label="Two"
-        value="two"
-      ></glide-core-dropdown-option>
-    </glide-core-dropdown>`);
-    const selectAll = component.shadowRoot?.querySelector('[data-test="select-all"]');
-    expect(selectAll?.checkVisibility()).to.not.be.ok;
-});
-it('has an icon when an option with a value is selected', async () => {
-    const component = await fixture(html `<glide-core-dropdown label="Label" placeholder="Placeholder">
-      <div slot="icon:one">✓</div>
-      <div slot="icon:two">✓</div>
-
-      <glide-core-dropdown-option label="One" value="one" selected>
-        <div slot="icon">✓</div>
-      </glide-core-dropdown-option>
-
-      <glide-core-dropdown-option label="Two" value="two">
-        <div slot="icon">✓</div>
-      </glide-core-dropdown-option>
-    </glide-core-dropdown>`);
-    const iconSlot = component.shadowRoot?.querySelector('[data-test="single-select-icon-slot"]');
-    expect(iconSlot instanceof HTMLSlotElement).to.be.true;
-    expect(iconSlot?.assignedElements().at(0)?.slot).to.equal('icon:one');
-});
-it('has no icon when an option without a value is selected', async () => {
-    const component = await fixture(html `<glide-core-dropdown label="Label" placeholder="Placeholder">
-      <div slot="icon:one">✓</div>
-      <div slot="icon:two">✓</div>
-
-      <glide-core-dropdown-option label="One" selected>
-        <div slot="icon">✓</div>
-      </glide-core-dropdown-option>
-
-      <glide-core-dropdown-option label="Two" value="two">
-        <div slot="icon">✓</div>
-      </glide-core-dropdown-option>
-    </glide-core-dropdown>`);
-    const iconSlot = component.shadowRoot?.querySelector('[data-test="single-select-icon-slot"]');
-    expect(iconSlot).to.be.null;
-});
-it('has no icon when no option is selected', async () => {
-    const component = await fixture(html `<glide-core-dropdown label="Label" placeholder="Placeholder">
-      <div slot="icon:one">✓</div>
-      <div slot="icon:two">✓</div>
-
-      <glide-core-dropdown-option label="One" value="one">
-        <div slot="icon">✓</div>
-      </glide-core-dropdown-option>
-
-      <glide-core-dropdown-option label="Two" value="two">
-        <div slot="icon">✓</div>
-      </glide-core-dropdown-option>
-    </glide-core-dropdown>`);
-    const iconSlot = component.shadowRoot?.querySelector('[data-test="single-select-icon-slot"]');
-    expect(iconSlot).to.be.null;
-});

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

@@ -1 +0,0 @@
-export {};

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

@@ -1 +0,0 @@
-export {};

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

@@ -1,31 +0,0 @@
-/* eslint-disable @typescript-eslint/no-unused-expressions */
-import * as sinon from 'sinon';
-import { 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';
-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('does not dispatch "input" events on input', async () => {
-    const component = await fixture(html `<glide-core-dropdown label="Label" placeholder="Placeholder">
-      ${defaultSlot}
-    </glide-core-dropdown>`);
-    const spy = sinon.spy();
-    component.addEventListener('input', spy);
-    component.focus();
-    await sendKeys({ type: 'one' });
-    expect(spy.callCount).to.equal(0);
-});

package/dist/dropdown.test.events.js

@@ -1,251 +0,0 @@
-/* eslint-disable @typescript-eslint/no-unused-expressions */
-import * as sinon from 'sinon';
-import { aTimeout, assert, expect, fixture, html, oneEvent, } 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';
-// `await aTimeout(0)` is used throughout. Using `oneEvent` instead and
-// expecting it to throw would work. But it wouldn't throw until its
-// timeout, which would make for a slow test. Its timeout can likely be
-// configured. But waiting a turn of the event loop, when which the event
-// will have been dispatched, gets the job done as well.
-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
-      ></glide-core-dropdown-option>
-    </glide-core-dropdown>`);
-    setTimeout(() => {
-        const button = component
-            .querySelector('glide-core-dropdown-option')
-            ?.shadowRoot?.querySelector('[data-test="edit-button"]');
-        button?.dispatchEvent(new MouseEvent('mouseover'));
-        button?.click();
-    });
-    const option = component.querySelector('glide-core-dropdown-option');
-    assert(option);
-    const event = await oneEvent(option, 'edit');
-    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
-      ></glide-core-dropdown-option>
-    </glide-core-dropdown>`);
-    component
-        .querySelector('glide-core-dropdown-option')
-        ?.shadowRoot?.querySelector('[data-test="edit-button"]')
-        ?.dispatchEvent(new MouseEvent('mouseover'));
-    component.focus();
-    await sendKeys({ press: 'ArrowDown' });
-    sendKeys({ press: 'Enter' });
-    const option = component.querySelector('glide-core-dropdown-option');
-    assert(option);
-    const event = await oneEvent(option, 'edit');
-    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
-      ></glide-core-dropdown-option>
-    </glide-core-dropdown>`);
-    component
-        .querySelector('glide-core-dropdown-option')
-        ?.shadowRoot?.querySelector('[data-test="edit-button"]')
-        ?.dispatchEvent(new MouseEvent('mouseover'));
-    component.focus();
-    await sendKeys({ press: 'ArrowDown' });
-    sendKeys({ press: ' ' });
-    const option = component.querySelector('glide-core-dropdown-option');
-    assert(option);
-    const event = await oneEvent(option, 'edit');
-    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 "add" event on click', 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);
-    setTimeout(async () => {
-        const button = component.shadowRoot?.querySelector('[data-test="add-button"]');
-        button?.dispatchEvent(new MouseEvent('mouseover'));
-        button?.click();
-    });
-    const event = await oneEvent(component, 'add');
-    expect(event instanceof Event).to.be.true;
-    expect(event.bubbles).to.be.true;
-    expect(event.composed).to.be.true;
-});
-it('dispatches an "add" event on Enter', 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.shadowRoot
-        ?.querySelector('[data-test="add-button"]')
-        ?.focus();
-    sendKeys({ press: 'Enter' });
-    const event = await oneEvent(component, 'add');
-    expect(event instanceof Event).to.be.true;
-    expect(event.bubbles).to.be.true;
-    expect(event.composed).to.be.true;
-});
-it('dispatches an "add" event on Space', 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.shadowRoot
-        ?.querySelector('[data-test="add-button"]')
-        ?.focus();
-    sendKeys({ press: ' ' });
-    const event = await oneEvent(component, 'add');
-    expect(event instanceof Event).to.be.true;
-    expect(event.bubbles).to.be.true;
-    expect(event.composed).to.be.true;
-});
-it('dispatches an "invalid" event 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>
-      <glide-core-dropdown-option label="Label"></glide-core-dropdown-option>
-    </glide-core-dropdown>`, { parentNode: form });
-    setTimeout(() => form.requestSubmit());
-    const event = await oneEvent(component, 'invalid');
-    expect(event instanceof Event).to.be.true;
-});
-it('dispatches an "invalid" event when `checkValidity` 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>
-      <glide-core-dropdown-option label="Label"></glide-core-dropdown-option>
-    </glide-core-dropdown>`, { parentNode: form });
-    setTimeout(() => component.checkValidity());
-    const event = await oneEvent(component, 'invalid');
-    expect(event instanceof Event).to.be.true;
-});
-it('dispatches an "invalid" event 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>
-      <glide-core-dropdown-option label="Label"></glide-core-dropdown-option>
-    </glide-core-dropdown>`, { parentNode: form });
-    setTimeout(() => component.reportValidity());
-    const event = await oneEvent(component, 'invalid');
-    expect(event instanceof Event).to.be.true;
-});
-it('does not dispatch an "invalid" event when `checkValidity` is called when not required', async () => {
-    const form = document.createElement('form');
-    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>`, { parentNode: form });
-    const spy = sinon.spy();
-    component.addEventListener('invalid', spy);
-    component.checkValidity();
-    await aTimeout(0);
-    expect(spy.callCount).to.equal(0);
-});
-it('does not dispatch an "invalid" event when `checkValidity` is called when required, disabled, and no option is selected', async () => {
-    const form = document.createElement('form');
-    const component = await fixture(html `<glide-core-dropdown
-      label="Label"
-      placeholder="Placeholder"
-      disabled
-      required
-    >
-      <glide-core-dropdown-option label="Label"></glide-core-dropdown-option>
-    </glide-core-dropdown>`, { parentNode: form });
-    const spy = sinon.spy();
-    component.addEventListener('invalid', spy);
-    component.checkValidity();
-    await aTimeout(0);
-    expect(spy.callCount).to.equal(0);
-});
-it('does not dispatch an "invalid" event when `reportValidity` is called when not required,', async () => {
-    const form = document.createElement('form');
-    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>`, { parentNode: form });
-    const spy = sinon.spy();
-    component.addEventListener('invalid', spy);
-    component.reportValidity();
-    await aTimeout(0);
-    expect(spy.callCount).to.equal(0);
-});
-it('does not dispatch an "invalid" event when `reportValidity` is called when required, disabled, and no option is selected', async () => {
-    const form = document.createElement('form');
-    const component = await fixture(html `<glide-core-dropdown
-      label="Label"
-      placeholder="Placeholder"
-      disabled
-      required
-    >
-      <glide-core-dropdown-option label="Label"></glide-core-dropdown-option>
-    </glide-core-dropdown>`, { parentNode: form });
-    const spy = sinon.spy();
-    component.addEventListener('invalid', spy);
-    component.reportValidity();
-    await aTimeout(0);
-    expect(spy.callCount).to.equal(0);
-});
-it('does not dispatch a "change" event when an option is selected 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"></glide-core-dropdown-option>
-    </glide-core-dropdown>`);
-    const spy = sinon.spy();
-    component.addEventListener('change', spy);
-    setTimeout(() => {
-        const option = component?.querySelector('glide-core-dropdown-option');
-        assert(option);
-        option.selected = true;
-    });
-    await aTimeout(0);
-    expect(spy.callCount).to.equal(0);
-});
-it('does not dispatch a "input" event when an option is selected 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"></glide-core-dropdown-option>
-    </glide-core-dropdown>`);
-    const spy = sinon.spy();
-    component.addEventListener('input', spy);
-    setTimeout(() => {
-        const option = component?.querySelector('glide-core-dropdown-option');
-        assert(option);
-        option.selected = true;
-    });
-    await aTimeout(0);
-    expect(spy.callCount).to.equal(0);
-});

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

@@ -1 +0,0 @@
-export {};