@crowdstrike/glide-core 0.13.0 → 0.14.0

package/dist/radio-group.test.focus.js

@@ -1,95 +0,0 @@
-/* eslint-disable @typescript-eslint/no-unused-expressions */
-import './radio-group.js';
-import './radio.js';
-import { expect, fixture, html } from '@open-wc/testing';
-import { sendKeys } from '@web/test-runner-commands';
-import GlideCoreRadio from './radio.js';
-import GlideCoreRadioGroup from './radio-group.js';
-GlideCoreRadio.shadowRootOptions.mode = 'open';
-GlideCoreRadioGroup.shadowRootOptions.mode = 'open';
-it('focuses the first radio when `focus()` is called', async () => {
-    const component = await fixture(html `<glide-core-radio-group label="label" name="name">
-      <glide-core-radio value="value-1" label="One"></glide-core-radio>
-    </glide-core-radio-group>`);
-    component.focus();
-    expect(document.activeElement).to.equal(component.querySelector('glide-core-radio'));
-});
-it('focuses the first radio after submit when the group is "required" and the radio is unchecked', async () => {
-    const form = document.createElement('form');
-    const component = await fixture(html `<glide-core-radio-group label="label" name="name" required>
-      <glide-core-radio value="value-1" label="One"></glide-core-radio>
-    </glide-core-radio-group>`, {
-        parentNode: form,
-    });
-    form.requestSubmit();
-    const radio = component.querySelector('glide-core-radio');
-    expect(radio).to.have.focus;
-});
-it('focuses the first radio after `reportValidity` is called when the group is "required" and the radio is unchecked', async () => {
-    const form = document.createElement('form');
-    const component = await fixture(html `<glide-core-radio-group label="label" name="name" required>
-      <glide-core-radio value="value-1" label="One"></glide-core-radio>
-    </glide-core-radio-group>`, {
-        parentNode: form,
-    });
-    component.reportValidity();
-    expect(document.activeElement).to.equal(component.querySelector('glide-core-radio'));
-});
-it('focuses the first radio after `requestSubmit` is called when the group is "required" and the radio is unchecked', async () => {
-    const form = document.createElement('form');
-    const component = await fixture(html `<glide-core-radio-group label="label" name="name" required>
-      <glide-core-radio value="value-1" label="One"></glide-core-radio>
-    </glide-core-radio-group>`, {
-        parentNode: form,
-    });
-    form.requestSubmit();
-    expect(document.activeElement).to.equal(component.querySelector('glide-core-radio'));
-});
-it('does not focus the a radio after `checkValidity` is called', async () => {
-    const form = document.createElement('form');
-    const component = await fixture(html `<glide-core-radio-group label="label" name="name" required>
-      <glide-core-radio value="value-1" label="One"></glide-core-radio>
-    </glide-core-radio-group>`, {
-        parentNode: form,
-    });
-    component.checkValidity();
-    expect(document.activeElement).to.not.equal(component.querySelector('glide-core-radio'));
-});
-it('focuses the first checked radio when it exists', async () => {
-    const component = await fixture(html `<glide-core-radio-group label="label" name="name" required>
-      <glide-core-radio value="value-1" label="One"></glide-core-radio>
-      <glide-core-radio value="value-2" checked label="Two"></glide-core-radio>
-      <glide-core-radio value="value-3" label="Three"></glide-core-radio>
-    </glide-core-radio-group>`);
-    component.focus();
-    const radio = component.querySelector('glide-core-radio[value="value-2"]');
-    expect(radio).to.have.focus;
-});
-it('focuses the first tabbable radio when none are checked', async () => {
-    const component = await fixture(html `<glide-core-radio-group label="label" name="name" required>
-      <glide-core-radio value="value-1" disabled label="One"></glide-core-radio>
-      <glide-core-radio value="value-2" label="Two"></glide-core-radio>
-      <glide-core-radio value="value-3" label="Three"></glide-core-radio>
-    </glide-core-radio-group>`);
-    component.focus();
-    const radio = component.querySelector('glide-core-radio[value="value-2"]');
-    expect(radio).to.have.focus;
-});
-it('reports validity if blurred', async () => {
-    const component = await fixture(html `<glide-core-radio-group label="Checkbox Group" required>
-      <glide-core-radio value="value-1" label="One"></glide-core-radio>
-      <glide-core-radio value="value-2" label="Two"></glide-core-radio>
-    </glide-core-radio-group>`);
-    component.focus();
-    const radioItems = component.querySelectorAll('glide-core-radio');
-    expect(document.activeElement === radioItems[0]).to.be.true;
-    expect(component.shadowRoot
-        ?.querySelector('glide-core-private-label')
-        ?.hasAttribute('error')).to.be.false;
-    await sendKeys({ press: 'Tab' });
-    expect(document.activeElement === document.body).to.be.true;
-    expect(component.validity.valid).to.be.false;
-    expect(component.shadowRoot
-        ?.querySelector('glide-core-private-label')
-        ?.hasAttribute('error')).to.be.true;
-});

package/dist/radio-group.test.form.d.ts

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

package/dist/radio-group.test.form.js

@@ -1,124 +0,0 @@
-/* eslint-disable @typescript-eslint/no-unused-expressions */
-import { assert, elementUpdated, expect, fixture, html, } from '@open-wc/testing';
-import { sendKeys } from '@web/test-runner-commands';
-import GlideCoreRadio from './radio.js';
-import GlideCoreRadioGroup from './radio-group.js';
-import sinon from 'sinon';
-GlideCoreRadio.shadowRootOptions.mode = 'open';
-GlideCoreRadioGroup.shadowRootOptions.mode = 'open';
-it('exposes standard form control properties and methods', async () => {
-    const form = document.createElement('form');
-    const component = await fixture(html `<glide-core-radio-group label="label" name="name">
-      <glide-core-radio value="value-1" label="One"></glide-core-radio>
-    </glide-core-radio-group>`, { parentNode: form });
-    expect(component.form).to.equal(form);
-    expect(component.validity instanceof ValidityState).to.be.true;
-    expect(component.willValidate).to.be.true;
-    expect(component.checkValidity).to.be.a('function');
-    expect(component.reportValidity).to.be.a('function');
-});
-it('can be reset', async () => {
-    const form = document.createElement('form');
-    const component = await fixture(html `<glide-core-radio-group label="label" name="name">
-      <glide-core-radio value="value-1" checked label="One"></glide-core-radio>
-    </glide-core-radio-group>`, {
-        parentNode: form,
-    });
-    const radio = component.querySelector('glide-core-radio');
-    assert(radio);
-    radio.checked = false;
-    form.reset();
-    expect(component.value).to.equal('value-1');
-});
-it('can reset correctly when the checked radios are changed', async () => {
-    const form = document.createElement('form');
-    const component = await fixture(html `<glide-core-radio-group label="label" name="name">
-      <glide-core-radio value="value-1" label="One"></glide-core-radio>
-      <glide-core-radio value="value-2" checked label="Two"></glide-core-radio>
-    </glide-core-radio-group>`, {
-        parentNode: form,
-    });
-    const radios = component.querySelectorAll('glide-core-radio');
-    radios[0].click();
-    await elementUpdated(component);
-    expect(radios[0]?.hasAttribute('checked')).to.be.true;
-    expect(radios[1]).to.not.have.attribute('checked');
-    expect(component.value).to.equal('value-1');
-    form.reset();
-    await elementUpdated(component);
-    expect(radios[0]).to.not.have.attribute('checked');
-    expect(radios[1]?.hasAttribute('checked')).to.be.true;
-    expect(component.value).to.equal('value-2');
-});
-it('has `formData` when a radio is checked', async () => {
-    const form = document.createElement('form');
-    await fixture(html `<glide-core-radio-group label="label" name="name">
-      <glide-core-radio value="value-1" label="One"></glide-core-radio>
-      <glide-core-radio value="value-2" checked label="Two"></glide-core-radio>
-    </glide-core-radio-group>`, {
-        parentNode: form,
-    });
-    const formData = new FormData(form);
-    expect(formData.get('name')).to.be.equal('value-2');
-});
-it('has no `formData` when no radios are checked', async () => {
-    const form = document.createElement('form');
-    await fixture(html `<glide-core-radio-group label="label" name="name">
-      <glide-core-radio value="value-1" label="One"></glide-core-radio>
-      <glide-core-radio value="value-2" label="Two"></glide-core-radio>
-    </glide-core-radio-group>`, {
-        parentNode: form,
-    });
-    const formData = new FormData(form);
-    expect(formData.get('name')).to.be.null;
-});
-it('has no `formData` when the group is disabled and one radio is checked', async () => {
-    const form = document.createElement('form');
-    await fixture(html `<glide-core-radio-group label="label" name="name" disabled>
-      <glide-core-radio value="value-1" label="One"></glide-core-radio>
-      <glide-core-radio value="value-2" checked label="Two"></glide-core-radio>
-    </glide-core-radio-group>`, {
-        parentNode: form,
-    });
-    const formData = new FormData(form);
-    expect(formData.get('name')).to.be.null;
-});
-it('has no `formData` when without a `name` but a radio is checked', async () => {
-    const form = document.createElement('form');
-    await fixture(html `<glide-core-radio-group label="label">
-      <glide-core-radio value="value-1" label="One"></glide-core-radio>
-      <glide-core-radio value="value-2" checked label="Two"></glide-core-radio>
-    </glide-core-radio-group>`, {
-        parentNode: form,
-    });
-    const formData = new FormData(form);
-    expect(formData.get('name')).to.be.null;
-});
-it('has no `formData` value when a radio is checked but without a "value"', async () => {
-    const form = document.createElement('form');
-    await fixture(html `<glide-core-radio-group label="label">
-      <glide-core-radio value="value-1" label="One"></glide-core-radio>
-      <glide-core-radio value="value-2" checked label="Two"></glide-core-radio>
-    </glide-core-radio-group>`, {
-        parentNode: form,
-    });
-    const formData = new FormData(form);
-    expect(formData.get('name')).to.be.null;
-});
-it('submits its form on Enter', async () => {
-    const form = document.createElement('form');
-    const component = await fixture(html `<glide-core-radio-group label="label">
-      <glide-core-radio value="value-1" label="One"></glide-core-radio>
-      <glide-core-radio value="value-2" label="Two"></glide-core-radio>
-    </glide-core-radio-group>`, {
-        parentNode: form,
-    });
-    const spy = sinon.spy();
-    form.addEventListener('submit', (event) => {
-        event.preventDefault();
-        spy();
-    });
-    component.focus();
-    await sendKeys({ press: 'Enter' });
-    expect(spy.callCount).to.equal(1);
-});

package/dist/radio-group.test.validity.d.ts

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

package/dist/radio-group.test.validity.js

@@ -1,311 +0,0 @@
-/* eslint-disable @typescript-eslint/no-unused-expressions */
-import { elementUpdated, expect, fixture, html } from '@open-wc/testing';
-import GlideCoreRadio from './radio.js';
-import GlideCoreRadioGroup from './radio-group.js';
-GlideCoreRadio.shadowRootOptions.mode = 'open';
-GlideCoreRadioGroup.shadowRootOptions.mode = 'open';
-it('is valid if not required and radios are unchecked', async () => {
-    const component = await fixture(html `<glide-core-radio-group label="label" name="name">
-      <glide-core-radio value="value-1" label="One"></glide-core-radio>
-      <glide-core-radio value="value-2" label="Two"></glide-core-radio>
-    </glide-core-radio-group>`);
-    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;
-    const radios = component.querySelectorAll('glide-core-radio');
-    expect(radios[0]?.invalid).to.be.false;
-    expect(radios[0]?.ariaInvalid).to.equal('false');
-    expect(radios[1]?.invalid).to.be.false;
-    expect(radios[1]?.ariaInvalid).to.equal('false');
-});
-it('is valid if required and a radio is checked', async () => {
-    const component = await fixture(html `<glide-core-radio-group label="label" name="name" required>
-      <glide-core-radio value="value-1" label="One"></glide-core-radio>
-      <glide-core-radio value="value-2" checked label="Two"></glide-core-radio>
-    </glide-core-radio-group>`);
-    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;
-    const radios = component.querySelectorAll('glide-core-radio');
-    expect(radios[0]?.invalid).to.be.false;
-    expect(radios[0]?.ariaInvalid).to.equal('false');
-    expect(radios[1]?.invalid).to.be.false;
-    expect(radios[1]?.ariaInvalid).to.equal('false');
-});
-it('is invalid if required and no radio is checked', async () => {
-    const component = await fixture(html `<glide-core-radio-group label="label" name="name" required>
-      <glide-core-radio value="value-1" label="One"></glide-core-radio>
-      <glide-core-radio value="value-2" label="Two"></glide-core-radio>
-    </glide-core-radio-group>`);
-    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 radio is checked', async () => {
-    const component = await fixture(html `<glide-core-radio-group label="label" name="name" required disabled>
-      <glide-core-radio value="value-1" label="One"></glide-core-radio>
-      <glide-core-radio value="value-2" label="Two"></glide-core-radio>
-    </glide-core-radio-group>`);
-    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('adds an error class after submit when invalid and required', async () => {
-    const form = document.createElement('form');
-    const component = await fixture(html `<glide-core-radio-group label="label" name="name" required>
-      <glide-core-radio value="value-1" label="One"></glide-core-radio>
-      <glide-core-radio value="value-2" label="Two"></glide-core-radio>
-    </glide-core-radio-group>`, { parentNode: form });
-    form.requestSubmit();
-    await elementUpdated(component);
-    const isComponentErrorClass = component.shadowRoot
-        ?.querySelector('.radio-container')
-        ?.classList.contains('invalid');
-    expect(isComponentErrorClass).to.be.true;
-});
-it('adds an error class after `reportValidity` is called when invalid and required', async () => {
-    const form = document.createElement('form');
-    const component = await fixture(html `<glide-core-radio-group label="label" name="name" required>
-      <glide-core-radio value="value-1" label="One"></glide-core-radio>
-      <glide-core-radio value="value-2" label="Two"></glide-core-radio>
-    </glide-core-radio-group>`, { parentNode: form });
-    component.reportValidity();
-    await elementUpdated(component);
-    const isComponentErrorClass = component.shadowRoot
-        ?.querySelector('.radio-container')
-        ?.classList.contains('invalid');
-    expect(isComponentErrorClass).to.be.true;
-    const radios = document.querySelectorAll('glide-core-radio');
-    expect(radios[0]?.invalid).to.be.true;
-    expect(radios[0]?.getAttribute('aria-invalid')).to.equal('true');
-    expect(radios[1]?.invalid).to.be.true;
-    expect(radios[1]?.getAttribute('aria-invalid')).to.equal('true');
-});
-it('does not add an error class by default', async () => {
-    const form = document.createElement('form');
-    const component = await fixture(html `<glide-core-radio-group label="label" name="name" required>
-      <glide-core-radio value="value-1" label="One"></glide-core-radio>
-      <glide-core-radio value="value-2" label="Two"></glide-core-radio>
-    </glide-core-radio-group>`, { parentNode: form });
-    const isComponentErrorClass = component.shadowRoot
-        ?.querySelector('.radio-container')
-        ?.classList.contains('invalid');
-    expect(isComponentErrorClass).to.be.false;
-    const radios = document.querySelectorAll('glide-core-radio');
-    let isRadioError = radios[0].shadowRoot
-        ?.querySelector('[data-test="radio"]')
-        ?.classList.contains('invalid');
-    expect(isRadioError).to.be.false;
-    isRadioError = radios[1].shadowRoot
-        ?.querySelector('[data-test="radio"]')
-        ?.classList.contains('invalid');
-    expect(isRadioError).to.be.false;
-    expect(radios[0]?.invalid).to.be.false;
-    expect(radios[0]?.getAttribute('aria-invalid')).to.equal('false');
-    expect(radios[1]?.invalid).to.be.false;
-    expect(radios[1]?.getAttribute('aria-invalid')).to.equal('false');
-});
-it('does not add an error class after `reportValidity` is called when not required', async () => {
-    const form = document.createElement('form');
-    const component = await fixture(html `<glide-core-radio-group label="label" name="name">
-      <glide-core-radio value="value-1" label="One"></glide-core-radio>
-      <glide-core-radio value="value-2" label="Two"></glide-core-radio>
-    </glide-core-radio-group>`, { parentNode: form });
-    component.reportValidity();
-    await elementUpdated(component);
-    const isComponentErrorClass = component.shadowRoot
-        ?.querySelector('.radio-container')
-        ?.classList.contains('invalid');
-    expect(isComponentErrorClass).to.be.false;
-    const radios = document.querySelectorAll('glide-core-radio');
-    let isRadioError = radios[0].shadowRoot
-        ?.querySelector('[data-test="radio"]')
-        ?.classList.contains('invalid');
-    expect(isRadioError).to.be.false;
-    isRadioError = radios[1].shadowRoot
-        ?.querySelector('[data-test="radio"]')
-        ?.classList.contains('invalid');
-    expect(isRadioError).to.be.false;
-    expect(radios[0]?.invalid).to.be.false;
-    expect(radios[0]?.getAttribute('aria-invalid')).to.equal('false');
-    expect(radios[1]?.invalid).to.be.false;
-    expect(radios[1]?.getAttribute('aria-invalid')).to.equal('false');
-});
-it('does not add an error class after `reportValidity` is called when required and a radio is checked', async () => {
-    const form = document.createElement('form');
-    const component = await fixture(html `<glide-core-radio-group label="label" name="name" required>
-      <glide-core-radio value="value-1" label="One"></glide-core-radio>
-      <glide-core-radio value="value-2" checked label="Two"></glide-core-radio>
-    </glide-core-radio-group>`, { parentNode: form });
-    component.reportValidity();
-    await elementUpdated(component);
-    const isComponentErrorClass = component.shadowRoot
-        ?.querySelector('.radio-container')
-        ?.classList.contains('invalid');
-    expect(isComponentErrorClass).to.be.false;
-    const radios = document.querySelectorAll('glide-core-radio');
-    let isRadioError = radios[0].shadowRoot
-        ?.querySelector('[data-test="radio"]')
-        ?.classList.contains('invalid');
-    expect(isRadioError).to.be.false;
-    isRadioError = radios[1].shadowRoot
-        ?.querySelector('[data-test="radio"]')
-        ?.classList.contains('invalid');
-    expect(isRadioError).to.be.false;
-    expect(radios[0]?.invalid).to.be.false;
-    expect(radios[0]?.getAttribute('aria-invalid')).to.equal('false');
-    expect(radios[1]?.invalid).to.be.false;
-    expect(radios[1]?.getAttribute('aria-invalid')).to.equal('false');
-});
-it('does not add an error class after `reportValidity` is called when required but disabled', async () => {
-    const form = document.createElement('form');
-    const component = await fixture(html `<glide-core-radio-group label="label" name="name" required disabled>
-      <glide-core-radio value="value-1" label="One"></glide-core-radio>
-      <glide-core-radio value="value-2" checked label="Two"></glide-core-radio>
-    </glide-core-radio-group>`, { parentNode: form });
-    component.reportValidity();
-    await elementUpdated(component);
-    const isComponentErrorClass = component.shadowRoot
-        ?.querySelector('.radio-container')
-        ?.classList.contains('invalid');
-    expect(isComponentErrorClass).to.be.false;
-    const radios = document.querySelectorAll('glide-core-radio');
-    let isRadioError = radios[0].shadowRoot
-        ?.querySelector('[data-test="radio"]')
-        ?.classList.contains('invalid');
-    expect(isRadioError).to.be.false;
-    isRadioError = radios[1].shadowRoot
-        ?.querySelector('[data-test="radio"]')
-        ?.classList.contains('invalid');
-    expect(isRadioError).to.be.false;
-    expect(radios[0]?.invalid).to.be.false;
-    expect(radios[0]?.getAttribute('aria-invalid')).to.equal('false');
-    expect(radios[1]?.invalid).to.be.false;
-    expect(radios[1]?.getAttribute('aria-invalid')).to.equal('false');
-});
-it('does not add an error class after `checkValidity` is called when required', async () => {
-    const form = document.createElement('form');
-    const component = await fixture(html `<glide-core-radio-group label="label" name="name" required>
-      <glide-core-radio value="value-1" label="One"></glide-core-radio>
-      <glide-core-radio value="value-2" label="Two"></glide-core-radio>
-    </glide-core-radio-group>`, { parentNode: form });
-    component.checkValidity();
-    await elementUpdated(component);
-    const isComponentErrorClass = component.shadowRoot
-        ?.querySelector('.radio-container')
-        ?.classList.contains('invalid');
-    expect(isComponentErrorClass).to.be.false;
-    const radios = document.querySelectorAll('glide-core-radio');
-    let isRadioError = radios[0].shadowRoot
-        ?.querySelector('[data-test="radio"]')
-        ?.classList.contains('invalid');
-    expect(isRadioError).to.be.false;
-    isRadioError = radios[1].shadowRoot
-        ?.querySelector('[data-test="radio"]')
-        ?.classList.contains('invalid');
-    expect(isRadioError).to.be.false;
-    expect(radios[0]?.invalid).to.be.false;
-    expect(radios[0]?.getAttribute('aria-invalid')).to.equal('false');
-    expect(radios[1]?.invalid).to.be.false;
-    expect(radios[1]?.getAttribute('aria-invalid')).to.equal('false');
-});
-it('sets radios as valid initially when required', async () => {
-    const form = document.createElement('form');
-    const component = await fixture(html `<glide-core-radio-group label="label" name="name" required>
-      <glide-core-radio value="value-1" label="One"></glide-core-radio>
-      <glide-core-radio value="value-2" label="Two"></glide-core-radio>
-    </glide-core-radio-group>`, { parentNode: form });
-    component.required = false;
-    await elementUpdated(component);
-    const radios = component.querySelectorAll('glide-core-radio');
-    expect(radios[0]?.invalid).to.be.false;
-    expect(radios[0]?.ariaInvalid).to.equal('false');
-    expect(radios[1]?.invalid).to.be.false;
-    expect(radios[1]?.ariaInvalid).to.equal('false');
-});
-it('is valid after `value` is set and `required`', async () => {
-    const component = await fixture(html `<glide-core-radio-group label="label" name="name" required>
-      <glide-core-radio value="value-1" label="One"></glide-core-radio>
-    </glide-core-radio-group>`);
-    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;
-    component.value = 'value-1';
-    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('sets the validity message with `setCustomValidity()`', async () => {
-    const component = await fixture(html `<glide-core-radio-group label="label" name="name">
-      <glide-core-radio value="value-1" label="One"></glide-core-radio>
-    </glide-core-radio-group>`);
-    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-radio-group label="label" name="name">
-      <glide-core-radio value="value-1" label="One"></glide-core-radio>
-    </glide-core-radio-group>`);
-    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-radio-group label="label" name="name">
-      <glide-core-radio value="value-1" label="One"></glide-core-radio>
-    </glide-core-radio-group>`);
-    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-radio-group label="label" name="name">
-      <glide-core-radio value="value-1" label="One"></glide-core-radio>
-    </glide-core-radio-group>`);
-    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-radio-group label="label" name="name" required>
-      <glide-core-radio value="value-1" label="One"></glide-core-radio>
-    </glide-core-radio-group>`);
-    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/split-button.primary-button.test.basics.d.ts

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

package/dist/split-button.primary-button.test.basics.js

@@ -1,31 +0,0 @@
-/* eslint-disable @typescript-eslint/no-unused-expressions */
-import { elementUpdated, expect, fixture, html } from '@open-wc/testing';
-import GlideCoreSplitButtonPrimaryButton from './split-button.primary-button.js';
-GlideCoreSplitButtonPrimaryButton.shadowRootOptions.mode = 'open';
-it('registers', async () => {
-    expect(window.customElements.get('glide-core-split-button-primary-button')).to.equal(GlideCoreSplitButtonPrimaryButton);
-});
-it('is accessible', async () => {
-    const component = await fixture(html `
-    <glide-core-split-button-primary-button
-      label="Label"
-    ></glide-core-split-button-primary-button>
-  `);
-    await expect(component).to.be.accessible();
-    component.disabled = true;
-    await elementUpdated(component);
-    await expect(component).to.be.accessible();
-});
-it('has defaults', async () => {
-    const component = await fixture(html `
-    <glide-core-split-button-primary-button
-      label="Label"
-    ></glide-core-split-button-primary-button>
-  `);
-    expect(component.ariaControls).to.be.null;
-    expect(component.ariaExpanded).to.be.null;
-    expect(component.ariaHasPopup).to.be.null;
-    expect(component.disabled).to.be.false;
-    expect(component.privateSize).to.equal('large');
-    expect(component.privateVariant).to.equal('primary');
-});

package/dist/split-button.primary-button.test.focus.d.ts

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

package/dist/split-button.primary-button.test.focus.js

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

package/dist/split-button.primary-link.test.basics.d.ts

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

package/dist/split-button.primary-link.test.basics.js

@@ -1,30 +0,0 @@
-/* eslint-disable @typescript-eslint/no-unused-expressions */
-import { elementUpdated, expect, fixture, html } from '@open-wc/testing';
-import GlideCoreSplitButtonPrimaryLink from './split-button.primary-link.js';
-GlideCoreSplitButtonPrimaryLink.shadowRootOptions.mode = 'open';
-it('registers', async () => {
-    expect(window.customElements.get('glide-core-split-button-primary-link')).to.equal(GlideCoreSplitButtonPrimaryLink);
-});
-it('is accessible', async () => {
-    const component = await fixture(html `
-    <glide-core-split-button-primary-link
-      label="Label"
-      url="/"
-    ></glide-core-split-button-primary-link>
-  `);
-    await expect(component).to.be.accessible();
-    component.disabled = true;
-    await elementUpdated(component);
-    await expect(component).to.be.accessible();
-});
-it('has defaults', async () => {
-    const component = await fixture(html `
-    <glide-core-split-button-primary-link
-      label="Label"
-      url="/"
-    ></glide-core-split-button-primary-link>
-  `);
-    expect(component.disabled).to.be.false;
-    expect(component.privateSize).to.equal('large');
-    expect(component.privateVariant).to.equal('primary');
-});

package/dist/split-button.primary-link.test.focus.d.ts

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

package/dist/split-button.primary-link.test.focus.js

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

package/dist/split-button.secondary-button.test.basics.d.ts

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