@crowdstrike/glide-core 0.13.0 → 0.14.0

package/dist/dropdown.test.validity.js

@@ -1,181 +0,0 @@
-/* eslint-disable @typescript-eslint/no-unused-expressions */
-import './dropdown.option.js';
-import { elementUpdated, expect, fixture, html } from '@open-wc/testing';
-import GlideCoreDropdown from './dropdown.js';
-GlideCoreDropdown.shadowRootOptions.mode = 'open';
-it('is valid if not required and no option is selected', async () => {
-    const component = await fixture(html `<glide-core-dropdown label="Label" placeholder="Placeholder">
-      <glide-core-dropdown-option
-        label="Label"
-        selected
-      ></glide-core-dropdown-option>
-    </glide-core-dropdown>`);
-    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 invalid if required and no option is selected', async () => {
-    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>`);
-    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;
-});
-it('is invalid if required and no option is selected when `filterable`', async () => {
-    const component = await fixture(html `<glide-core-dropdown
-      label="Label"
-      placeholder="Placeholder"
-      filterable
-      required
-    >
-      <glide-core-dropdown-option label="Label"></glide-core-dropdown-option>
-    </glide-core-dropdown>`);
-    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;
-});
-it('is both invalid and valid if required but disabled and no option is selected', async () => {
-    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>`);
-    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('sets the validity message with `setCustomValidity()`', async () => {
-    const component = await fixture(html `<glide-core-dropdown label="Label">
-      <glide-core-dropdown-option label="Label"></glide-core-dropdown-option>
-    </glide-core-dropdown>`);
-    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('[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-dropdown label="Label">
-      <glide-core-dropdown-option label="Label"></glide-core-dropdown-option>
-    </glide-core-dropdown>`);
-    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-dropdown label="Label">
-      <glide-core-dropdown-option label="Label"></glide-core-dropdown-option>
-    </glide-core-dropdown>`);
-    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('[data-test="validity-message"]')
-        ?.textContent).to.equal('validity message');
-});
-it('is valid when `setValidity()` is called', async () => {
-    const component = await fixture(html `<glide-core-dropdown label="Label">
-      <glide-core-dropdown-option label="Label"></glide-core-dropdown-option>
-    </glide-core-dropdown>`);
-    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('sets the validity message with `setCustomValidity()` when `filterable`', async () => {
-    const component = await fixture(html `<glide-core-dropdown label="Label" filterable>
-      <glide-core-dropdown-option label="Label"></glide-core-dropdown-option>
-    </glide-core-dropdown>`);
-    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('[data-test="validity-message"]')
-        ?.textContent).to.equal('validity message');
-});
-it('removes a validity message with an empty argument to `setCustomValidity()` when `filterable`', async () => {
-    const component = await fixture(html `<glide-core-dropdown label="Label" filterable>
-      <glide-core-dropdown-option label="Label"></glide-core-dropdown-option>
-    </glide-core-dropdown>`);
-    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 when `filterable`', async () => {
-    const component = await fixture(html `<glide-core-dropdown label="Label" filterable>
-      <glide-core-dropdown-option label="Label"></glide-core-dropdown-option>
-    </glide-core-dropdown>`);
-    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('[data-test="validity-message"]')
-        ?.textContent).to.equal('validity message');
-});
-it('is valid when `setValidity()` is called when `filterable`', async () => {
-    const component = await fixture(html `<glide-core-dropdown label="Label" filterable>
-      <glide-core-dropdown-option label="Label"></glide-core-dropdown-option>
-    </glide-core-dropdown>`);
-    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-dropdown label="Label" required>
-      <glide-core-dropdown-option label="Label"></glide-core-dropdown-option>
-    </glide-core-dropdown>`);
-    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/form-controls-layout.stories.d.ts

@@ -1,10 +0,0 @@
-import './checkbox-group.js';
-import './dropdown';
-import './form-controls-layout.js';
-import './input.js';
-import './radio-group.js';
-import './radio.js';
-import type { Meta, StoryObj } from '@storybook/web-components';
-declare const meta: Meta;
-export default meta;
-export declare const FormControlsLayout: StoryObj;

package/dist/form-controls-layout.test.basics.d.ts

@@ -1,2 +0,0 @@
-import './checkbox.js';
-import './input.js';

package/dist/form-controls-layout.test.basics.js

@@ -1,75 +0,0 @@
-/* eslint-disable @typescript-eslint/no-unused-expressions */
-import './checkbox.js';
-import './input.js';
-import { ArgumentError } from 'ow';
-import { expect, fixture, html } from '@open-wc/testing';
-import GlideCoreFormControlsLayout from './form-controls-layout.js';
-import expectArgumentError from './library/expect-argument-error.js';
-import sinon from 'sinon';
-it('registers', async () => {
-    expect(window.customElements.get('glide-core-form-controls-layout')).to.equal(GlideCoreFormControlsLayout);
-});
-it('has defaults', async () => {
-    const component = await fixture(html `
-    <glide-core-form-controls-layout>
-      <glide-core-input
-        label="Label"
-        placeholder="Placeholder"
-      ></glide-core-input>
-    </glide-core-form-controls-layout>
-  `);
-    expect(component.getAttribute('split')).to.equal('left');
-    expect(component.split).to.equal('left');
-});
-it('sets `privateActive` on each control', async () => {
-    const component = await fixture(html `
-    <glide-core-form-controls-layout>
-      <glide-core-input
-        label="Label"
-        placeholder="Placeholder"
-      ></glide-core-input>
-
-      <glide-core-checkbox label="Label"></glide-core-checkbox>
-    </glide-core-form-controls-layout>
-  `);
-    const input = component.querySelector('glide-core-input');
-    const checkbox = component.querySelector('glide-core-checkbox');
-    expect(input?.privateSplit).to.equal('left');
-    expect(checkbox?.privateSplit).to.equal('left');
-});
-it('throws if it does not have a default slot', async () => {
-    const spy = sinon.spy();
-    try {
-        await fixture(html `
-      <glide-core-form-controls-layout></glide-core-form-controls-layout>
-    `);
-    }
-    catch (error) {
-        if (error instanceof ArgumentError) {
-            spy();
-        }
-    }
-    expect(spy.callCount).to.equal(1);
-});
-it('throws if its default slot is the incorrect type', async () => {
-    await expectArgumentError(() => {
-        return fixture(html `
-      <glide-core-form-controls-layout>
-        <input />
-      </glide-core-form-controls-layout>
-    `);
-    });
-});
-it('throws if a vertical control is present', async () => {
-    await expectArgumentError(() => {
-        return fixture(html `
-      <glide-core-form-controls-layout>
-        <glide-core-input
-          label="Label"
-          placeholder="Placeholder"
-          orientation="vertical"
-        ></glide-core-input>
-      </glide-core-form-controls-layout>
-    `);
-    });
-});

package/dist/form-controls-layout.test.interactions.d.ts

@@ -1,2 +0,0 @@
-import './checkbox.js';
-import './input.js';

package/dist/form-controls-layout.test.interactions.js

@@ -1,26 +0,0 @@
-import './checkbox.js';
-import './input.js';
-import { expect, fixture, html, waitUntil } from '@open-wc/testing';
-import GlideCoreFormControlsLayout from './form-controls-layout.js';
-it('sets `privateActive` on each control when `split` is changed programmatically', async () => {
-    const component = await fixture(html `
-    <glide-core-form-controls-layout>
-      <glide-core-input
-        label="Label"
-        placeholder="Placeholder"
-      ></glide-core-input>
-
-      <glide-core-checkbox label="Label"></glide-core-checkbox>
-    </glide-core-form-controls-layout>
-  `);
-    // Why isn't it a `GlideCoreFormControlsLayout` instance yet? No idea!
-    // It should be fully rendered by this point. Nothing to do with the
-    // component itself, which is quite simple. And no other test behaves
-    // like this.
-    await waitUntil(() => component instanceof GlideCoreFormControlsLayout);
-    component.split = 'middle';
-    const input = component.querySelector('glide-core-input');
-    const checkbox = component.querySelector('glide-core-checkbox');
-    expect(input?.privateSplit).to.equal('middle');
-    expect(checkbox?.privateSplit).to.equal('middle');
-});

package/dist/icon-button.stories.d.ts

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

package/dist/icon-button.test.basics.d.ts

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

package/dist/icon-button.test.basics.js

@@ -1,43 +0,0 @@
-/* eslint-disable @typescript-eslint/no-unused-expressions */
-import './icon-button.js';
-import { ArgumentError } from 'ow';
-import { expect, fixture, html } from '@open-wc/testing';
-import GlideCoreIconButton from './icon-button.js';
-import sinon from 'sinon';
-GlideCoreIconButton.shadowRootOptions.mode = 'open';
-it('registers', async () => {
-    expect(window.customElements.get('glide-core-icon-button')).to.equal(GlideCoreIconButton);
-});
-it('is accessible', async () => {
-    const component = await fixture(html `<glide-core-icon-button label="Label">
-      <div>Icon</div>
-    </glide-core-icon-button>`);
-    await expect(component).to.be.accessible();
-});
-it('has defaults', async () => {
-    const component = await fixture(html `<glide-core-icon-button label="Label">
-      <div>Icon</div>
-    </glide-core-icon-button>`);
-    const button = component.shadowRoot?.querySelector('[data-test="button"]');
-    expect(component.ariaControls).to.equal(null);
-    expect(component.ariaExpanded).to.equal(null);
-    expect(component.ariaHasPopup).to.equal(null);
-    expect(component.disabled).to.be.false;
-    expect(component.variant).to.equal('primary');
-    expect(button?.getAttribute('aria-controls')).to.equal(null);
-    expect(button?.ariaExpanded).to.equal(null);
-    expect(button?.ariaHasPopup).to.equal(null);
-    expect(button?.disabled).to.be.false;
-});
-it('throws if it does not have a default slot', async () => {
-    const spy = sinon.spy();
-    try {
-        await fixture(html `<glide-core-icon-button label="Label"></glide-core-icon-button>`);
-    }
-    catch (error) {
-        if (error instanceof ArgumentError) {
-            spy();
-        }
-    }
-    expect(spy.callCount).to.equal(1);
-});

package/dist/icon-button.test.focus.d.ts

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

package/dist/icon-button.test.focus.js

@@ -1,13 +0,0 @@
-/* eslint-disable @typescript-eslint/no-unused-expressions */
-import './icon-button.js';
-import { expect, fixture, html } from '@open-wc/testing';
-import GlideCoreIconButton from './icon-button.js';
-GlideCoreIconButton.shadowRootOptions.mode = 'open';
-it('focuses its button when `focus()` is called', async () => {
-    const component = await fixture(html `<glide-core-icon-button label="Label">
-      <div>Icon</div>
-    </glide-core-icon-button>`);
-    component.focus();
-    const button = component.shadowRoot?.querySelector('[data-test="button"]');
-    expect(component.shadowRoot?.activeElement).to.equal(button);
-});

package/dist/input.stories.d.ts

@@ -1,8 +0,0 @@
-import './icons/storybook.js';
-import './input.js';
-import type { Meta, StoryObj } from '@storybook/web-components';
-declare const meta: Meta;
-export default meta;
-export declare const Input: StoryObj;
-export declare const WithError: StoryObj;
-export declare const WithIcons: StoryObj;

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

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

package/dist/input.test.basics.js

@@ -1,138 +0,0 @@
-/* eslint-disable @typescript-eslint/no-unused-expressions */
-import { expect, fixture, html } from '@open-wc/testing';
-import { sendKeys } from '@web/test-runner-commands';
-import GlideCoreInput from './input.js';
-GlideCoreInput.shadowRootOptions.mode = 'open';
-it('registers', async () => {
-    expect(window.customElements.get('glide-core-input')).to.equal(GlideCoreInput);
-});
-it('is accessible', async () => {
-    const component = await fixture(html `
-    <glide-core-input label="Test" value="lorem"></glide-core-input>
-  `);
-    await expect(component).to.be.accessible();
-});
-it('accepts and contains "value" attribute', async () => {
-    const component = await fixture(html `
-    <glide-core-input label="Test" value="lorem"></glide-core-input>
-  `);
-    expect(component.value).to.equal('lorem');
-});
-it('accepts disable attribute and disables the underlying input', async () => {
-    const component = await fixture(html `
-    <glide-core-input label="Test" disabled></glide-core-input>
-  `);
-    const inputElement = component.shadowRoot?.querySelector('input');
-    expect(inputElement).to.exist;
-    expect(inputElement?.hasAttribute('disabled')).to.be.true;
-});
-it('accepts readonly attribute and applies readonly to the underlying input', async () => {
-    const component = await fixture(html `
-    <glide-core-input label="Test" readonly></glide-core-input>
-  `);
-    const inputElement = component.shadowRoot?.querySelector('input');
-    expect(inputElement).to.exist;
-    expect(inputElement?.hasAttribute('readonly')).to.be.true;
-});
-it('accepts a type attribute', async () => {
-    const component = await fixture(html `
-    <glide-core-input label="Test" type="number"></glide-core-input>
-  `);
-    const inputElement = component.shadowRoot?.querySelector('input');
-    expect(inputElement).to.exist;
-    expect(inputElement?.getAttribute('type')).to.equal('number');
-});
-it('changes to type text when password is revealed', async () => {
-    const component = await fixture(html `
-    <glide-core-input
-      label="Test"
-      value="password123"
-      type="password"
-      password-toggle
-    ></glide-core-input>
-  `);
-    const inputElement = component.shadowRoot?.querySelector('input');
-    expect(inputElement).to.exist;
-    expect(inputElement?.getAttribute('type')).to.equal('password');
-    const passwordToggle = component.shadowRoot?.querySelector('[data-test="password-toggle"]');
-    passwordToggle?.click();
-    await component.updateComplete;
-    expect(inputElement?.getAttribute('type')).to.equal('text');
-});
-it('shows search icon with type search', async () => {
-    const component = await fixture(html `
-    <glide-core-input label="Test" type="search"></glide-core-input>
-  `);
-    const inputElement = component.shadowRoot?.querySelector('input');
-    expect(inputElement).to.exist;
-    expect(inputElement?.getAttribute('type')).to.equal('search');
-    const searchIcon = component.shadowRoot?.querySelector('[data-test="search-icon"]');
-    expect(searchIcon).to.exist;
-});
-it('when using "focus() on input", the native input is focused', async () => {
-    const component = await fixture(html `
-    <glide-core-input label="Test"></glide-core-input>
-  `);
-    const inputElement = component.shadowRoot?.querySelector('input');
-    component.focus();
-    expect(document.activeElement).to.equal(component);
-    expect(component.shadowRoot?.activeElement).to.equal(inputElement);
-});
-it('emits input events when text is changed and reports a value through the event target', async () => {
-    const component = await fixture(html `
-    <glide-core-input label="Test"></glide-core-input>
-  `);
-    let inputEventCaught = false;
-    let value = '';
-    component.addEventListener('input', (event) => {
-        inputEventCaught = true;
-        if (event.target instanceof GlideCoreInput) {
-            value = event.target.value;
-        }
-    });
-    component.focus();
-    await sendKeys({ type: 'testing' });
-    component.blur();
-    expect(inputEventCaught).to.be.true;
-    expect(value).to.be.equal('testing');
-});
-it('clearable attribute allows for a button which can clear input', async () => {
-    const component = await fixture(html `
-    <glide-core-input label="Test" clearable></glide-core-input>
-  `);
-    const clearButton = component.shadowRoot?.querySelector('[data-test="clear-button"]');
-    component.focus();
-    await sendKeys({ type: 'testing' });
-    expect(component.value).to.be.equal('testing');
-    clearButton?.click();
-    expect(component.value).to.be.equal('');
-});
-it('label correctly displays when provided as an attribute', async () => {
-    const component = await fixture(html `
-    <glide-core-input label="Test label"></glide-core-input>
-  `);
-    const labelElement = component?.shadowRoot?.querySelector('label');
-    const labelText = labelElement?.textContent?.trim();
-    expect(labelText).to.be.equal('Test label');
-});
-it('displays a max character and current character count if maxlength is provided', async () => {
-    const component = await fixture(html `
-    <glide-core-input label="Test label" maxlength="5"></glide-core-input>
-  `);
-    const maxCharacterCountText = component.shadowRoot?.querySelector('[data-test="character-count-text"]');
-    expect(maxCharacterCountText?.textContent?.trim()).to.equal('0/5');
-});
-it('displays visually hidden character count text for screenreaders', async () => {
-    const component = await fixture(html `
-    <glide-core-input label="Test label" maxlength="5"></glide-core-input>
-  `);
-    const maxCharacterCountAnnouncement = component.shadowRoot?.querySelector('[data-test="character-count-announcement"]');
-    expect(maxCharacterCountAnnouncement?.textContent?.trim()).to.equal('Character count 0 of 5');
-});
-it('does not render a character count when attribute `maxlength` is set less than than zero', async () => {
-    const component = await fixture(html `
-    <glide-core-input label="Test label" maxlength="0"></glide-core-input>
-  `);
-    const container = component.shadowRoot?.querySelector('[data-test="character-count-container"]');
-    expect(container).to.be.null;
-});

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

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

package/dist/input.test.events.js

@@ -1,98 +0,0 @@
-/* eslint-disable @typescript-eslint/no-unused-expressions */
-import './input.js';
-import * as sinon from 'sinon';
-import { aTimeout, expect, fixture, html, oneEvent } from '@open-wc/testing';
-import { sendKeys } from '@web/test-runner-commands';
-// `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, after which the event
-// will have been dispatched, gets the job done as well.
-it('dispatches a "change" event when typed in', async () => {
-    const component = await fixture(html `<glide-core-input></glide-core-input>`);
-    setTimeout(async () => {
-        component.focus();
-        await sendKeys({ type: 'testing' });
-        component.blur();
-    });
-    const event = await oneEvent(component, 'change');
-    expect(event instanceof Event).to.be.true;
-    expect(event.bubbles).to.be.true;
-});
-it('dispatches an "input" event when typed in', async () => {
-    const component = await fixture(html `<glide-core-input></glide-core-input>`);
-    setTimeout(() => {
-        component.focus();
-        sendKeys({ type: 'testing' });
-    });
-    const event = await oneEvent(component, 'input');
-    expect(event instanceof Event).to.be.true;
-    expect(event.bubbles).to.be.true;
-});
-it('dispatches an "invalid" event on submit when required and no value', async () => {
-    const form = document.createElement('form');
-    const component = await fixture(html `<glide-core-input required></glide-core-input>`, {
-        parentNode: form,
-    });
-    setTimeout(() => form.requestSubmit());
-    const event = await oneEvent(component, 'invalid');
-    expect(event instanceof Event).to.be.true;
-});
-it('dispatches an "invalid" event after `checkValidity` is called when required and no value', async () => {
-    const form = document.createElement('form');
-    const component = await fixture(html `<glide-core-input required></glide-core-input>`, {
-        parentNode: form,
-    });
-    setTimeout(() => component.checkValidity());
-    const event = await oneEvent(component, 'invalid');
-    expect(event instanceof Event).to.be.true;
-});
-it('dispatches an "invalid" event after `reportValidity` is called when required and no value', async () => {
-    const form = document.createElement('form');
-    const component = await fixture(html `<glide-core-input required></glide-core-input>`, {
-        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 after `checkValidity` is called when not required', async () => {
-    const form = document.createElement('form');
-    const component = await fixture(html `<glide-core-input></glide-core-input>`, {
-        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 after `checkValidity` is called when required and no value but disabled', async () => {
-    const form = document.createElement('form');
-    const component = await fixture(html `<glide-core-input disabled required></glide-core-input>`, { 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-input></glide-core-input>`, {
-        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 and no value but disabled', async () => {
-    const form = document.createElement('form');
-    const component = await fixture(html `<glide-core-input disabled required></glide-core-input>`, { parentNode: form });
-    const spy = sinon.spy();
-    component.addEventListener('invalid', spy);
-    component.reportValidity();
-    await aTimeout(0);
-    expect(spy.callCount).to.equal(0);
-});

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

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