@crowdstrike/glide-core 0.13.0 → 0.14.0

package/dist/checkbox.test.interactions.js

@@ -1,131 +0,0 @@
-/* eslint-disable @typescript-eslint/no-unused-expressions */
-import { aTimeout, elementUpdated, expect, fixture, html, } from '@open-wc/testing';
-import GlideCoreCheckbox from './checkbox.js';
-GlideCoreCheckbox.shadowRootOptions.mode = 'open';
-it('is checked after being clicked', async () => {
-    const component = await fixture(html `<glide-core-checkbox label="Label"></glide-core-checkbox>`);
-    component.click();
-    await elementUpdated(component);
-    expect(component.checked).to.be.true;
-    expect(component.hasAttribute('checked')).to.be.false;
-});
-it('is unchecked after being clicked', async () => {
-    const component = await fixture(html `<glide-core-checkbox label="Label" checked></glide-core-checkbox>`);
-    component.click();
-    await elementUpdated(component);
-    expect(component.checked).to.be.false;
-    expect(component.hasAttribute('checked')).to.be.true;
-});
-it('is checked and not indeterminate after being clicked when unchecked and indeterminate', async () => {
-    const component = await fixture(html `<glide-core-checkbox
-      label="Label"
-      indeterminate
-    ></glide-core-checkbox>`);
-    component.click();
-    await elementUpdated(component);
-    const input = component.shadowRoot?.querySelector('[data-test="input"]');
-    expect(input?.indeterminate).to.be.false;
-    expect(component.checked).to.be.true;
-    expect(component.indeterminate).to.be.false;
-    expect(component.hasAttribute('checked')).to.be.false;
-    expect(component.hasAttribute('indeterminate')).to.be.true;
-});
-it('is unchecked and not indeterminate after being clicked when checked and indeterminate', async () => {
-    const component = await fixture(html `<glide-core-checkbox
-      label="Label"
-      checked
-      indeterminate
-    ></glide-core-checkbox>`);
-    component.click();
-    await elementUpdated(component);
-    const input = component.shadowRoot?.querySelector('[data-test="input"]');
-    expect(input?.indeterminate).to.be.false;
-    expect(component.checked).to.be.false;
-    expect(component.indeterminate).to.be.false;
-    expect(component.hasAttribute('checked')).to.be.true;
-    expect(component.hasAttribute('indeterminate')).to.be.true;
-});
-it('is still checked after being clicked when checked but disabled', async () => {
-    const component = await fixture(html `<glide-core-checkbox
-      label="Label"
-      checked
-      disabled
-    ></glide-core-checkbox>`);
-    component.click();
-    await elementUpdated(component);
-    expect(component.checked).to.be.true;
-    expect(component.hasAttribute('checked')).to.be.true;
-});
-it('is still unchecked after being clicked when unchecked and disabled', async () => {
-    const component = await fixture(html `<glide-core-checkbox label="Label" disabled></glide-core-checkbox>`);
-    component.click();
-    await elementUpdated(component);
-    expect(component.hasAttribute('checked')).to.be.false;
-    expect(component.checked).to.be.false;
-});
-it('is unchecked after being clicked then forcibly unchecked via a "input" listener', async () => {
-    const component = await fixture(html `<glide-core-checkbox label="Label"></glide-core-checkbox>`);
-    component.addEventListener('input', async () => {
-        await component.updateComplete;
-        component.checked = false;
-    });
-    component.click();
-    await elementUpdated(component);
-    expect(component.hasAttribute('checked')).to.be.false;
-    expect(component.checked).to.be.false;
-});
-it('is unchecked after being clicked then forcibly unchecked via an "change" listener', async () => {
-    const component = await fixture(html `<glide-core-checkbox label="Label"></glide-core-checkbox>`);
-    component.addEventListener('change', async () => {
-        await component.updateComplete;
-        component.checked = false;
-    });
-    component.click();
-    await elementUpdated(component);
-    expect(component.hasAttribute('checked')).to.be.false;
-    expect(component.checked).to.be.false;
-});
-it('is still indeterminate after being clicked when unchecked and disabled', async () => {
-    const component = await fixture(html `<glide-core-checkbox
-      label="Label"
-      disabled
-      indeterminate
-    ></glide-core-checkbox>`);
-    component.click();
-    await elementUpdated(component);
-    const input = component.shadowRoot?.querySelector('[data-test="input"]');
-    expect(input?.indeterminate).to.be.true;
-    expect(component.indeterminate).to.be.true;
-    expect(component.hasAttribute('indeterminate')).to.be.true;
-});
-it('has a tooltip when minimal and with a long label', async () => {
-    const component = await fixture(html `<glide-core-checkbox
-      style="display: block; max-width: 100px;"
-      label=${'.'.repeat(100)}
-      private-variant="minimal"
-      private-show-label-tooltip
-    ></glide-core-checkbox>`);
-    // Wait for the tooltip.
-    await aTimeout(0);
-    const tooltip = component.shadowRoot?.querySelector('[data-test="tooltip"]');
-    expect(tooltip?.checkVisibility()).to.be.true;
-});
-it('has no tooltip when minimal and with a short label', async () => {
-    const component = await fixture(html `<glide-core-checkbox
-      label="Label"
-      private-variant="minimal"
-      private-show-label-tooltip
-    ></glide-core-checkbox>`);
-    // Wait for the tooltip.
-    await aTimeout(0);
-    const tooltip = component.shadowRoot?.querySelector('[data-test="tooltip"]');
-    expect(tooltip?.checkVisibility()).to.be.false;
-});
-it('remains unchecked when its "click" event is canceled', async () => {
-    const component = await fixture(html `<glide-core-checkbox label="Label"></glide-core-checkbox>`);
-    component.addEventListener('click', (event) => {
-        event.preventDefault();
-    });
-    component.click();
-    expect(component.checked).to.be.false;
-});

package/dist/checkbox.test.validity.d.ts

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

package/dist/checkbox.test.validity.js

@@ -1,128 +0,0 @@
-/* eslint-disable @typescript-eslint/no-unused-expressions */
-import { elementUpdated, expect, fixture, html } from '@open-wc/testing';
-import GlideCoreCheckbox from './checkbox.js';
-GlideCoreCheckbox.shadowRootOptions.mode = 'open';
-it('is valid if unchecked but not required', async () => {
-    const component = await fixture(html `<glide-core-checkbox label="Label"></glide-core-checkbox>`);
-    expect(component.validity.valid).to.be.true;
-    expect(component.validity?.valueMissing).to.be.false;
-    expect(component.checkValidity()).to.be.true;
-    expect(component.reportValidity()).to.be.true;
-});
-it('is valid but not aria-invalid after being checked when unchecked and required', async () => {
-    const component = await fixture(html `<glide-core-checkbox label="Label" required></glide-core-checkbox>`);
-    component.click();
-    expect(component.validity.valid).to.be.true;
-    expect(component.validity?.valueMissing).to.be.false;
-    expect(component.checkValidity()).to.be.true;
-    expect(component.reportValidity()).to.be.true;
-    expect(component.shadowRoot?.querySelector('input')?.getAttribute('aria-invalid')).to.equal('false');
-});
-it('is invalid but not aria-invalid if unchecked and required', async () => {
-    const component = await fixture(html `<glide-core-checkbox label="Label" required></glide-core-checkbox>`);
-    expect(component.validity.valid).to.be.false;
-    expect(component.validity?.valueMissing).to.be.true;
-    expect(component.checkValidity()).to.be.false;
-    expect(component.reportValidity()).to.be.false;
-    expect(component.shadowRoot?.querySelector('input')?.getAttribute('aria-invalid')).to.equal('false');
-});
-it('is invalid but not aria-invalid after being unchecked when required', async () => {
-    const component = await fixture(html `<glide-core-checkbox
-      label="Label"
-      checked
-      required
-    ></glide-core-checkbox>`);
-    component.click();
-    expect(component.validity.valid).to.be.false;
-    expect(component.validity?.valueMissing).to.be.true;
-    expect(component.checkValidity()).to.be.false;
-    expect(component.reportValidity()).to.be.false;
-    expect(component.shadowRoot?.querySelector('input')?.getAttribute('aria-invalid')).to.equal('false');
-});
-it('is both invalid and valid if unchecked and required but disabled', async () => {
-    const component = await fixture(html `<glide-core-checkbox
-      label="Label"
-      disabled
-      required
-    ></glide-core-checkbox>`);
-    expect(component.validity.valid).to.be.false;
-    expect(component.validity?.valueMissing).to.be.true;
-    expect(component.checkValidity()).to.be.true;
-    expect(component.reportValidity()).to.be.true;
-});
-it('is valid when `value` is empty and `required` is updated to `false` programmatically', async () => {
-    const component = await fixture(html `<glide-core-checkbox label="Label" required></glide-core-checkbox>`);
-    expect(component.validity?.valid).to.be.false;
-    expect(component.validity?.valueMissing).to.be.true;
-    expect(component.checkValidity()).to.be.false;
-    expect(component.reportValidity()).to.be.false;
-    await elementUpdated(component);
-    expect(component.shadowRoot?.querySelector('input')?.getAttribute('aria-invalid')).to.equal('true');
-    component.required = false;
-    await elementUpdated(component);
-    expect(component.validity?.valid).to.be.true;
-    expect(component.validity?.valueMissing).to.be.false;
-    expect(component.checkValidity()).to.be.true;
-    expect(component.reportValidity()).to.be.true;
-    expect(component.shadowRoot?.querySelector('input')?.getAttribute('aria-invalid')).to.equal('false');
-});
-it('sets the validity message with `setCustomValidity()`', async () => {
-    const component = await fixture(html `<glide-core-checkbox label="Label"></glide-core-checkbox>`);
-    component.setCustomValidity('validity message');
-    expect(component.validity?.valid).to.be.false;
-    expect(component.validity?.customError).to.be.true;
-    expect(component.checkValidity()).to.be.false;
-    await elementUpdated(component);
-    // Like native, the validity message shouldn't display until `reportValidity()` is called.
-    expect(component.shadowRoot?.querySelector('[data-test="validity-message"]')
-        ?.textContent).to.be.undefined;
-    expect(component.reportValidity()).to.be.false;
-    await elementUpdated(component);
-    expect(component.shadowRoot?.querySelector('input')?.getAttribute('aria-invalid')).to.equal('true');
-    expect(component.shadowRoot?.querySelector('[data-test="validity-message"]')
-        ?.textContent).to.equal('validity message');
-});
-it('removes a validity message with an empty argument to `setCustomValidity()`', async () => {
-    const component = await fixture(html `<glide-core-checkbox label="Label"></glide-core-checkbox>`);
-    component.setCustomValidity('validity message');
-    component.reportValidity();
-    await elementUpdated(component);
-    component.setCustomValidity('');
-    await elementUpdated(component);
-    expect(component.shadowRoot?.querySelector('[data-test="validity-message"]')
-        ?.textContent).to.be.undefined;
-});
-it('is invalid when `setValidity()` is called', async () => {
-    const component = await fixture(html `<glide-core-checkbox label="Label"></glide-core-checkbox>`);
-    component.setValidity({ customError: true }, 'validity message');
-    expect(component.validity.valid).to.be.false;
-    await elementUpdated(component);
-    // Like native, the validity message shouldn't display until `reportValidity()` is called.
-    expect(component.shadowRoot?.querySelector('[data-test="validity-message"]')
-        ?.textContent).to.be.undefined;
-    expect(component.validity?.customError).to.be.true;
-    component.reportValidity();
-    await elementUpdated(component);
-    expect(component.shadowRoot?.querySelector('input')?.getAttribute('aria-invalid')).to.equal('true');
-    expect(component.shadowRoot?.querySelector('[data-test="validity-message"]')
-        ?.textContent).to.equal('validity message');
-});
-it('is valid when `setValidity()` is called', async () => {
-    const component = await fixture(html `<glide-core-checkbox label="Label"></glide-core-checkbox>`);
-    component.setValidity({ customError: true }, 'validity message');
-    component.setValidity({});
-    await elementUpdated(component);
-    expect(component.validity.valid).to.be.true;
-    expect(component.validity.customError).to.be.false;
-    expect(component.reportValidity()).to.be.true;
-    await elementUpdated(component);
-    expect(component.shadowRoot?.querySelector('[data-test="validity-message"]')
-        ?.textContent).to.be.undefined;
-});
-it('retains existing validity state when `setCustomValidity()` is called', async () => {
-    const component = await fixture(html `<glide-core-checkbox label="Label" required></glide-core-checkbox>`);
-    component.setCustomValidity('validity message');
-    expect(component.validity?.valid).to.be.false;
-    expect(component.validity?.customError).to.be.true;
-    expect(component.validity?.valueMissing).to.be.true;
-});

package/dist/drawer.stories.d.ts

@@ -1,6 +0,0 @@
-import './button.js';
-import './drawer.js';
-import type { Meta, StoryObj } from '@storybook/web-components';
-declare const meta: Meta;
-export default meta;
-export declare const Drawer: StoryObj;

package/dist/drawer.test.accessibility.d.ts

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

package/dist/drawer.test.accessibility.js

@@ -1,22 +0,0 @@
-import './drawer.js';
-import { expect, fixture, html } from '@open-wc/testing';
-import GlideCoreDrawer from './drawer.js';
-GlideCoreDrawer.shadowRootOptions.mode = 'open';
-// NOTE: Due to https://github.com/modernweb-dev/web/issues/2520, we sometimes need
-// to manually dispatch the `transitionend` event in tests.
-it('is accessible', async () => {
-    const component = await fixture(html `<glide-core-drawer>Drawer content</glide-core-drawer>`);
-    component.shadowRoot
-        ?.querySelector('aside')
-        ?.dispatchEvent(new TransitionEvent('transitionend'));
-    component.show();
-    await expect(component).to.be.accessible();
-});
-it('focuses the aside upon opening', async () => {
-    const component = await fixture(html `<glide-core-drawer>Drawer content</glide-core-drawer>`);
-    component.show();
-    component.shadowRoot
-        ?.querySelector('aside')
-        ?.dispatchEvent(new TransitionEvent('transitionend'));
-    expect(component.shadowRoot?.activeElement).to.equal(component.shadowRoot?.querySelector('aside'));
-});

package/dist/drawer.test.basics.d.ts

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

package/dist/drawer.test.basics.js

@@ -1,44 +0,0 @@
-/* eslint-disable @typescript-eslint/no-unused-expressions */
-import './drawer.js';
-import { expect, fixture, html } from '@open-wc/testing';
-import GlideCoreDrawer from './drawer.js';
-import expectArgumentError from './library/expect-argument-error.js';
-GlideCoreDrawer.shadowRootOptions.mode = 'open';
-it('registers', async () => {
-    expect(window.customElements.get('glide-core-drawer')).to.equal(GlideCoreDrawer);
-});
-it('adds an aria-label when "label" is set', async () => {
-    const component = await fixture(html `<glide-core-drawer label="label">Drawer content</glide-core-drawer>`);
-    expect(component.shadowRoot?.querySelector('aside')?.ariaLabel).to.equal('label');
-});
-it('does not add an aria-label when "label" is unset', async () => {
-    const component = await fixture(html `<glide-core-drawer>Drawer content</glide-core-drawer>`);
-    expect(component.shadowRoot?.querySelector('aside')).to.not.have.attribute('aria-label');
-});
-it('can have a default slot', async () => {
-    const component = await fixture(html `<glide-core-drawer>Drawer content</glide-core-drawer>`);
-    component.show();
-    expect(component.textContent).to.equal('Drawer content');
-});
-it('sets the width of the element based on the "--width" CSS variable', async () => {
-    const styledDiv = document.createElement('div');
-    styledDiv.setAttribute('style', '--width: 750px');
-    const component = await fixture(html `<glide-core-drawer>Drawer content</glide-core-drawer>`, { parentNode: styledDiv });
-    component.show();
-    expect(component.shadowRoot?.querySelector('aside')?.clientWidth).to.equal(750);
-});
-it('throws if it does not have a default slot', async () => {
-    await expectArgumentError(() => {
-        return fixture(html `<glide-core-drawer></glide-core-drawer>`);
-    });
-});
-it('adds a class when the "pinned" attribute is set', async () => {
-    const component = await fixture(html `<glide-core-drawer pinned>Drawer content</glide-core-drawer>`);
-    component.show();
-    expect(component.shadowRoot?.querySelector('aside')?.classList.contains('pinned')).to.be.true;
-});
-it('does not add a class when the "pinned" attribute is not set', async () => {
-    const component = await fixture(html `<glide-core-drawer>Drawer content</glide-core-drawer>`);
-    component.show();
-    expect(component.shadowRoot?.querySelector('aside')?.classList.contains('pinned')).to.be.false;
-});

package/dist/drawer.test.closing.d.ts

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

package/dist/drawer.test.closing.js

@@ -1,40 +0,0 @@
-/* eslint-disable @typescript-eslint/no-unused-expressions */
-import './drawer.js';
-import { elementUpdated, expect, fixture, html, oneEvent, } from '@open-wc/testing';
-import { emulateMedia } from '@web/test-runner-commands';
-import { sendKeys } from '@web/test-runner-commands';
-import GlideCoreDrawer from './drawer.js';
-GlideCoreDrawer.shadowRootOptions.mode = 'open';
-// NOTE: Due to https://github.com/modernweb-dev/web/issues/2520, we sometimes need
-// to manually dispatch the `transitionend` event in tests.
-it('closes when the "Escape" key is pressed', async () => {
-    await emulateMedia({ reducedMotion: 'no-preference' });
-    const component = await fixture(html `<glide-core-drawer>Drawer content</glide-core-drawer>`);
-    component.show();
-    component.shadowRoot
-        ?.querySelector('aside')
-        ?.dispatchEvent(new TransitionEvent('transitionend'));
-    await elementUpdated(component);
-    await sendKeys({ press: 'Escape' });
-    setTimeout(() => {
-        component.shadowRoot
-            ?.querySelector('aside')
-            ?.dispatchEvent(new TransitionEvent('transitionend'));
-    });
-    await oneEvent(component, 'close');
-    await elementUpdated(component);
-    expect(component?.shadowRoot?.querySelector('aside[data-test-state="closed"]')).to.be.not.null;
-});
-it('does not close when a key other than "Escape" is pressed', async () => {
-    await emulateMedia({ reducedMotion: 'no-preference' });
-    const component = await fixture(html `<glide-core-drawer>Drawer content</glide-core-drawer>`);
-    component.show();
-    component.shadowRoot
-        ?.querySelector('aside')
-        ?.dispatchEvent(new TransitionEvent('transitionend'));
-    await elementUpdated(component);
-    component.shadowRoot?.querySelector('aside')?.focus();
-    await sendKeys({ press: 'Enter' });
-    expect(component?.shadowRoot?.querySelector('aside[data-test-state="open"]'))
-        .to.be.not.null;
-});

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

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

package/dist/drawer.test.events.js

@@ -1,42 +0,0 @@
-/* eslint-disable @typescript-eslint/no-unused-expressions */
-import './drawer.js';
-import { elementUpdated, expect, fixture, html, oneEvent, } from '@open-wc/testing';
-import { sendKeys } from '@web/test-runner-commands';
-import GlideCoreDrawer from './drawer.js';
-GlideCoreDrawer.shadowRootOptions.mode = 'open';
-// NOTE: Due to https://github.com/modernweb-dev/web/issues/2520, we sometimes need
-// to manually dispatch the `transitionend` event in tests.
-it('dispatches a "close" event when the "Escape" key is pressed', async () => {
-    const component = await fixture(html `<glide-core-drawer>Drawer content</glide-core-drawer>`);
-    const closeEvent = oneEvent(component, 'close');
-    component.show();
-    component.shadowRoot
-        ?.querySelector('aside')
-        ?.dispatchEvent(new TransitionEvent('transitionend'));
-    await elementUpdated(component);
-    await sendKeys({ press: 'Escape' });
-    setTimeout(() => {
-        component.shadowRoot
-            ?.querySelector('aside')
-            ?.dispatchEvent(new TransitionEvent('transitionend'));
-    });
-    const event = await closeEvent;
-    expect(event instanceof Event).to.be.true;
-});
-it('dispatches a "close" event when closed via the "close" method', async () => {
-    const component = await fixture(html `<glide-core-drawer>Drawer content</glide-core-drawer>`);
-    const closeEvent = oneEvent(component, 'close');
-    component.show();
-    component.shadowRoot
-        ?.querySelector('aside')
-        ?.dispatchEvent(new TransitionEvent('transitionend'));
-    await elementUpdated(component);
-    component.close();
-    setTimeout(() => {
-        component.shadowRoot
-            ?.querySelector('aside')
-            ?.dispatchEvent(new TransitionEvent('transitionend'));
-    });
-    const event = await closeEvent;
-    expect(event instanceof Event).to.be.true;
-});

package/dist/drawer.test.methods.d.ts

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

package/dist/drawer.test.methods.js

@@ -1,35 +0,0 @@
-/* eslint-disable @typescript-eslint/no-unused-expressions */
-import './drawer.js';
-import { elementUpdated, expect, fixture, html } from '@open-wc/testing';
-import GlideCoreDrawer from './drawer.js';
-GlideCoreDrawer.shadowRootOptions.mode = 'open';
-// NOTE: Due to https://github.com/modernweb-dev/web/issues/2520, we sometimes need
-// to manually dispatch the `transitionend` event in tests.
-it('opens the drawer via the "show()" method and closes it via "close()"', async () => {
-    const component = await fixture(html `<glide-core-drawer>Drawer content</glide-core-drawer>`);
-    component.show();
-    await elementUpdated(component);
-    component.shadowRoot
-        ?.querySelector('aside')
-        ?.dispatchEvent(new TransitionEvent('transitionend'));
-    expect(component.shadowRoot?.querySelector('aside[data-test-state="open"]'))
-        .to.be.not.null;
-    component.close();
-    component.shadowRoot
-        ?.querySelector('aside')
-        ?.dispatchEvent(new TransitionEvent('transitionend'));
-    await elementUpdated(component);
-    expect(component.shadowRoot?.querySelector('aside[data-test-state="closed"]'))
-        .to.be.not.null;
-});
-it('remains open if "show()" is called an additional time after it is already opened', async () => {
-    const component = await fixture(html `<glide-core-drawer>Drawer content</glide-core-drawer>`);
-    component.show();
-    await elementUpdated(component);
-    expect(component.shadowRoot?.querySelector('aside[data-test-state="open"]'))
-        .to.be.not.null;
-    component.show();
-    await elementUpdated(component);
-    expect(component.shadowRoot?.querySelector('aside[data-test-state="open"]'))
-        .to.be.not.null;
-});

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

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

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

@@ -1,34 +0,0 @@
-/* eslint-disable @typescript-eslint/no-unused-expressions */
-import { expect, fixture, html } from '@open-wc/testing';
-import GlideCoreDropdownOption from './dropdown.option.js';
-GlideCoreDropdownOption.shadowRootOptions.mode = 'open';
-it('registers', async () => {
-    expect(window.customElements.get('glide-core-dropdown-option')).to.equal(GlideCoreDropdownOption);
-});
-it('has defaults', async () => {
-    // Required attributes are supplied and not asserted below. The idea is that
-    // this test shouldn't fail to typecheck if these templates are eventually
-    // typechecked, which means supplying required attributes and slots.
-    const component = await fixture(html `<glide-core-dropdown-option
-      label="Label"
-    ></glide-core-dropdown-option>`);
-    expect(component.privateMultiple).to.be.false;
-    expect(component.getAttribute('private-multiple')).to.equal(null);
-    expect(component.privateSize).to.equal('large');
-    expect(component.getAttribute('private-size')).to.equal('large');
-    expect(component.selected).to.be.false;
-    expect(component.hasAttribute('selected')).to.be.false;
-    expect(component.value).to.equal('');
-    expect(component.getAttribute('value')).to.equal('');
-    // None are reflected, so no attribute assertions are necessary.
-    expect(component.privateActive).to.be.false;
-    expect(component.privateIndeterminate).to.be.false;
-});
-it('is selectable', async () => {
-    const component = await fixture(html `<glide-core-dropdown-option
-      label="Label"
-      selected
-    ></glide-core-dropdown-option>`);
-    const checkedIconContainer = component.shadowRoot?.querySelector('[data-test="checked-icon-container"]');
-    expect(checkedIconContainer instanceof Element).to.be.true;
-});

package/dist/dropdown.option.test.basics.multiple.d.ts

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

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

@@ -1,36 +0,0 @@
-/* eslint-disable @typescript-eslint/no-unused-expressions */
-import { expect, fixture, html } from '@open-wc/testing';
-import GlideCoreDropdownOption from './dropdown.option.js';
-GlideCoreDropdownOption.shadowRootOptions.mode = 'open';
-it('is selected when initially selected', async () => {
-    const component = await fixture(html `<glide-core-dropdown-option
-      label="Label"
-      value="value"
-      private-multiple
-      selected
-    ></glide-core-dropdown-option>`);
-    const checkbox = component.shadowRoot?.querySelector('glide-core-checkbox');
-    expect(component.selected).to.be.true;
-    expect(component.ariaSelected).to.equal('true');
-    expect(checkbox?.checked).to.be.true;
-});
-it('is deselected when initially deselected', async () => {
-    const component = await fixture(html `<glide-core-dropdown-option
-      label="Label"
-      value="value"
-      private-multiple
-    ></glide-core-dropdown-option>`);
-    const checkbox = component.shadowRoot?.querySelector('glide-core-checkbox');
-    expect(component.selected).to.be.false;
-    expect(component.ariaSelected).to.equal('false');
-    expect(checkbox?.checked).to.be.false;
-});
-it('is editable', async () => {
-    const component = await fixture(html `<glide-core-dropdown-option
-      label="Label"
-      editable
-      private-multiple
-    ></glide-core-dropdown-option>`);
-    const button = component.shadowRoot?.querySelector('[data-test="edit-button"]');
-    expect(button?.checkVisibility()).to.be.true;
-});

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

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

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

@@ -1,29 +0,0 @@
-/* eslint-disable @typescript-eslint/no-unused-expressions */
-import { expect, fixture, html } from '@open-wc/testing';
-import GlideCoreDropdownOption from './dropdown.option.js';
-GlideCoreDropdownOption.shadowRootOptions.mode = 'open';
-it('is selected when initially selected', async () => {
-    const component = await fixture(html `<glide-core-dropdown-option
-      label="Label"
-      value="value"
-      selected
-    ></glide-core-dropdown-option>`);
-    expect(component.selected).to.be.true;
-    expect(component.ariaSelected).to.equal('true');
-});
-it('is deselected when initially deselected', async () => {
-    const component = await fixture(html `<glide-core-dropdown-option
-      label="Label"
-      value="value"
-    ></glide-core-dropdown-option>`);
-    expect(component.selected).to.be.false;
-    expect(component.ariaSelected).to.equal('false');
-});
-it('is editable', async () => {
-    const component = await fixture(html `<glide-core-dropdown-option
-      label="Label"
-      editable
-    ></glide-core-dropdown-option>`);
-    const button = component.shadowRoot?.querySelector('[data-test="edit-button"]');
-    expect(button?.checkVisibility()).to.be.true;
-});

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

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

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

@@ -1,36 +0,0 @@
-/* eslint-disable @typescript-eslint/no-unused-expressions */
-import { expect, fixture, html, oneEvent } from '@open-wc/testing';
-import GlideCoreDropdownOption from './dropdown.option.js';
-GlideCoreDropdownOption.shadowRootOptions.mode = 'open';
-it('dispatches a "private-label-change" event', async () => {
-    const component = await fixture(html `<glide-core-dropdown-option label="One"></glide-core-dropdown-option>`);
-    setTimeout(() => {
-        component.label = 'Two';
-    });
-    const event = await oneEvent(component, 'private-label-change');
-    expect(event instanceof Event).to.be.true;
-    expect(event.bubbles).to.be.true;
-});
-it('dispatches a "private-selected-change" event', async () => {
-    const component = await fixture(html `<glide-core-dropdown-option
-      label="Label"
-    ></glide-core-dropdown-option>`);
-    setTimeout(() => {
-        component.selected = true;
-    });
-    const event = await oneEvent(component, 'private-selected-change');
-    expect(event instanceof Event).to.be.true;
-    expect(event.bubbles).to.be.true;
-});
-it('dispatches a "private-value-change" event', async () => {
-    const component = await fixture(html `<glide-core-dropdown-option
-      label="Label"
-      value="value"
-    ></glide-core-dropdown-option>`);
-    setTimeout(() => {
-        component.value = '';
-    });
-    const event = await oneEvent(component, 'private-value-change');
-    expect(event instanceof Event).to.be.true;
-    expect(event.bubbles).to.be.true;
-});

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

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

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

@@ -1,11 +0,0 @@
-import { expect, fixture, html } from '@open-wc/testing';
-import GlideCoreDropdownOption from './dropdown.option.js';
-GlideCoreDropdownOption.shadowRootOptions.mode = 'open';
-it('focuses itself when `focus()` is called', async () => {
-    const component = await fixture(html `<glide-core-dropdown-option
-      label="Label"
-      value="value"
-    ></glide-core-dropdown-option>`);
-    component.focus();
-    expect(document.activeElement).to.equal(component);
-});

package/dist/dropdown.option.test.interactions.multiple.d.ts

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