@crowdstrike/glide-core 0.13.1 → 0.14.0

package/dist/button-group.button.test.interactions.js

@@ -1,42 +0,0 @@
-import './button-group.button.js';
-import { elementUpdated, expect, fixture, html } from '@open-wc/testing';
-import GlideCoreButtonGroupButton from './button-group.button.js';
-GlideCoreButtonGroupButton.shadowRootOptions.mode = 'open';
-it('sets `aria-checked` when selected programmatically', async () => {
-    const component = await fixture(html `<glide-core-button-group-button
-      label="Button"
-    ></glide-core-button-group-button>`);
-    component.selected = true;
-    await elementUpdated(component);
-    const radio = component.shadowRoot?.querySelector('[role="radio"]');
-    expect(radio?.getAttribute('aria-checked')).to.equal('true');
-});
-it('sets `aria-checked` when deselected programmatically', async () => {
-    const component = await fixture(html `<glide-core-button-group-button
-      label="Button"
-      selected
-    ></glide-core-button-group-button>`);
-    component.selected = false;
-    await elementUpdated(component);
-    const radio = component.shadowRoot?.querySelector('[role="radio"]');
-    expect(radio?.getAttribute('aria-checked')).to.equal('false');
-});
-it('sets `aria-disabled` when disabled programmatically', async () => {
-    const component = await fixture(html `<glide-core-button-group-button
-      label="Button"
-    ></glide-core-button-group-button>`);
-    component.disabled = true;
-    await elementUpdated(component);
-    const radio = component.shadowRoot?.querySelector('[role="radio"]');
-    expect(radio?.getAttribute('aria-disabled')).to.equal('true');
-});
-it('sets `aria-disabled` when enabled programmatically', async () => {
-    const component = await fixture(html `<glide-core-button-group-button
-      label="Button"
-      disabled
-    ></glide-core-button-group-button>`);
-    component.disabled = false;
-    await elementUpdated(component);
-    const radio = component.shadowRoot?.querySelector('[role="radio"]');
-    expect(radio?.getAttribute('aria-disabled')).to.equal('false');
-});

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

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

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

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

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

@@ -1,148 +0,0 @@
-/* eslint-disable @typescript-eslint/no-unused-expressions */
-import './button-group.js';
-import { expect, fixture, html } from '@open-wc/testing';
-import GlideCoreButtonGroup from './button-group.js';
-import GlideCoreButtonGroupButton from './button-group.button.js';
-import expectArgumentError from './library/expect-argument-error.js';
-GlideCoreButtonGroup.shadowRootOptions.mode = 'open';
-GlideCoreButtonGroupButton.shadowRootOptions.mode = 'open';
-it('registers', async () => {
-    expect(window.customElements.get('glide-core-button-group')).to.equal(GlideCoreButtonGroup);
-});
-it('has defaults', async () => {
-    const component = await fixture(html `<glide-core-button-group label="Label">
-      <glide-core-button-group-button
-        label="One"
-      ></glide-core-button-group-button>
-
-      <glide-core-button-group-button
-        label="Two"
-      ></glide-core-button-group-button>
-    </glide-core-button-group>`);
-    expect(component.orientation).to.equal('horizontal');
-    expect(component.variant).to.equal(undefined);
-    expect(component.getAttribute('orientation')).to.equal('horizontal');
-    expect(component).to.not.have.attribute('variant');
-});
-it('is accessible', async () => {
-    const component = await fixture(html `<glide-core-button-group label="Label">
-      <glide-core-button-group-button
-        label="One"
-      ></glide-core-button-group-button>
-
-      <glide-core-button-group-button
-        label="Two"
-      ></glide-core-button-group-button>
-    </glide-core-button-group>`);
-    // It's unfortunate to ignore this rule. But the label doesn't meet color
-    // contrast requirements.
-    // Axe has an `ignoreTags` but no `ignoreSelectors`.
-    await expect(component).to.be.accessible({
-        ignoredRules: ['color-contrast'],
-    });
-});
-it('can have a label', async () => {
-    const component = await fixture(html `<glide-core-button-group label="Label">
-      <glide-core-button-group-button
-        label="One"
-      ></glide-core-button-group-button>
-
-      <glide-core-button-group-button
-        label="Two"
-      ></glide-core-button-group-button>
-    </glide-core-button-group>`);
-    const label = component.shadowRoot?.querySelector('[data-test="label"]');
-    const radioGroup = component.shadowRoot?.querySelector('[role="radiogroup"]');
-    expect(label?.textContent).to.equal('Label');
-    expect(radioGroup?.getAttribute('aria-labelledby')).to.equal(label?.id);
-});
-it('sets the orientation of each button when horizontal', async () => {
-    await fixture(html `<glide-core-button-group>
-      <glide-core-button-group-button
-        label="One"
-      ></glide-core-button-group-button>
-
-      <glide-core-button-group-button
-        label="Two"
-      ></glide-core-button-group-button>
-    </glide-core-button-group>`);
-    const buttons = document.querySelectorAll('glide-core-button-group-button');
-    expect(buttons[0]?.privateOrientation).to.equal('horizontal');
-    expect(buttons[1]?.privateOrientation).to.equal('horizontal');
-});
-it('sets the orientation of each button when vertical', async () => {
-    await fixture(html `<glide-core-button-group orientation="vertical">
-      <glide-core-button-group-button
-        label="One"
-      ></glide-core-button-group-button>
-
-      <glide-core-button-group-button
-        label="Two"
-      ></glide-core-button-group-button>
-    </glide-core-button-group>`);
-    const buttons = document.querySelectorAll('glide-core-button-group-button');
-    expect(buttons[0]?.privateOrientation).to.equal('vertical');
-    expect(buttons[1]?.privateOrientation).to.equal('vertical');
-});
-it('sets `privateVariant` on each button', async () => {
-    await fixture(html `<glide-core-button-group label="Label" variant="icon-only">
-      <glide-core-button-group-button label="One">
-        <div slot="icon">Icon</div>
-      </glide-core-button-group-button>
-
-      <glide-core-button-group-button label="Two">
-        <div slot="icon">Icon</div>
-      </glide-core-button-group-button>
-    </glide-core-button-group>`);
-    const buttons = document.querySelectorAll('glide-core-button-group-button');
-    expect(buttons[0].privateVariant).to.equal('icon-only');
-    expect(buttons[1].privateVariant).to.equal('icon-only');
-});
-it('throws when its default slot is the wrong type', async () => {
-    await expectArgumentError(() => {
-        return fixture(html `
-      <glide-core-button-group label="Label">
-        <div></div>
-      </glide-core-button-group>
-    `);
-    });
-    await expectArgumentError(() => {
-        return fixture(html `<glide-core-button-group label="Label"> </glide-core-button-group>`);
-    });
-});
-it('selects the first button not disabled', async () => {
-    await fixture(html `<glide-core-button-group>
-      <glide-core-button-group-button
-        label="One"
-        disabled
-      ></glide-core-button-group-button>
-
-      <glide-core-button-group-button
-        label="Two"
-      ></glide-core-button-group-button>
-
-      <glide-core-button-group-button
-        label="Three"
-      ></glide-core-button-group-button>
-    </glide-core-button-group>`);
-    const buttons = document.querySelectorAll('glide-core-button-group-button');
-    expect(buttons[0].selected).to.be.false;
-    expect(buttons[1].selected).to.be.true;
-    expect(buttons[2].selected).to.be.false;
-});
-it('selects no buttons when all are disabled', async () => {
-    await fixture(html `<glide-core-button-group>
-      <glide-core-button-group-button
-        label="One"
-        disabled
-      ></glide-core-button-group-button>
-
-      <glide-core-button-group-button
-        label="Two"
-        disabled
-      ></glide-core-button-group-button>
-    </glide-core-button-group>`);
-    const buttons = document.querySelectorAll('glide-core-button-group-button');
-    expect(buttons[0].selected).to.be.false;
-    expect(buttons[1].selected).to.be.false;
-});

package/dist/button-group.test.events.d.ts

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

package/dist/button-group.test.events.js

@@ -1,241 +0,0 @@
-/* eslint-disable @typescript-eslint/no-unused-expressions */
-import './button-group.button.js';
-import { aTimeout, expect, fixture, html, oneEvent } from '@open-wc/testing';
-import { sendKeys } from '@web/test-runner-commands';
-import GlideCoreButtonGroup from './button-group.js';
-import GlideCoreButtonGroupButton from './button-group.button.js';
-import sinon from 'sinon';
-GlideCoreButtonGroup.shadowRootOptions.mode = 'open';
-GlideCoreButtonGroupButton.shadowRootOptions.mode = 'open';
-it('emits a "change" event when a button is clicked and not already selected', async () => {
-    const component = await fixture(html `<glide-core-button-group>
-      <glide-core-button-group-button
-        label="One"
-      ></glide-core-button-group-button>
-
-      <glide-core-button-group-button
-        label="Two"
-      ></glide-core-button-group-button>
-    </glide-core-button-group>`);
-    const button = component.querySelector('glide-core-button-group-button:last-of-type');
-    setTimeout(() => {
-        button?.click();
-    });
-    const event = await oneEvent(component, 'change');
-    expect(event instanceof Event).to.be.true;
-    expect(event.bubbles).to.be.true;
-    expect(event.target).to.equal(button);
-});
-it('emits an "input" event when a button is clicked and not already selected', async () => {
-    const component = await fixture(html `<glide-core-button-group>
-      <glide-core-button-group-button
-        label="One"
-      ></glide-core-button-group-button>
-
-      <glide-core-button-group-button
-        label="Two"
-      ></glide-core-button-group-button>
-    </glide-core-button-group>`);
-    const button = component.querySelector('glide-core-button-group-button:last-of-type');
-    setTimeout(() => {
-        button?.click();
-    });
-    const event = await oneEvent(component, 'input');
-    expect(event instanceof Event).to.be.true;
-    expect(event.bubbles).to.be.true;
-    expect(event.target).to.equal(button);
-});
-it('does not emit an "change" event when clicked button is clicked and already selected', async () => {
-    const component = await fixture(html `<glide-core-button-group>
-      <glide-core-button-group-button
-        label="One"
-        selected
-      ></glide-core-button-group-button>
-
-      <glide-core-button-group-button
-        label="One"
-      ></glide-core-button-group-button>
-    </glide-core-button-group>`);
-    const spy = sinon.spy();
-    const button = component.querySelector('glide-core-button-group-button');
-    component.addEventListener('change', spy);
-    setTimeout(() => {
-        button?.click();
-    });
-    await aTimeout(0);
-    expect(spy.callCount).to.equal(0);
-});
-it('does not emit an "input" event when clicked button is clicked and already selected', async () => {
-    const component = await fixture(html `<glide-core-button-group>
-      <glide-core-button-group-button
-        label="One"
-        selected
-      ></glide-core-button-group-button>
-
-      <glide-core-button-group-button
-        label="Two"
-      ></glide-core-button-group-button>
-    </glide-core-button-group>`);
-    const spy = sinon.spy();
-    const button = component.querySelector('glide-core-button-group-button');
-    component.addEventListener('input', spy);
-    setTimeout(() => {
-        button?.click();
-    });
-    await aTimeout(0);
-    expect(spy.callCount).to.equal(0);
-});
-it('emits a "change" event when arrowing', async () => {
-    const component = await fixture(html `<glide-core-button-group>
-      <glide-core-button-group-button
-        label="One"
-      ></glide-core-button-group-button>
-
-      <glide-core-button-group-button
-        label="Two"
-        selected
-      ></glide-core-button-group-button>
-    </glide-core-button-group>`);
-    const buttons = document.querySelectorAll('glide-core-button-group-button');
-    buttons[0].focus();
-    let event;
-    sendKeys({ press: 'ArrowRight' });
-    event = await oneEvent(component, 'change');
-    expect(event instanceof Event).to.be.true;
-    expect(event.bubbles).to.be.true;
-    sendKeys({ press: 'ArrowLeft' });
-    event = await oneEvent(component, 'change');
-    expect(event instanceof Event).to.be.true;
-    expect(event.bubbles).to.be.true;
-    sendKeys({ press: 'ArrowDown' });
-    event = await oneEvent(component, 'change');
-    expect(event instanceof Event).to.be.true;
-    expect(event.bubbles).to.be.true;
-    sendKeys({ press: 'ArrowUp' });
-    event = await oneEvent(component, 'change');
-    expect(event instanceof Event).to.be.true;
-    expect(event.bubbles).to.be.true;
-});
-it('emits an "input" event when arrowing', async () => {
-    const component = await fixture(html `<glide-core-button-group>
-      <glide-core-button-group-button
-        label="One"
-      ></glide-core-button-group-button>
-
-      <glide-core-button-group-button
-        label="Two"
-      ></glide-core-button-group-button>
-    </glide-core-button-group>`);
-    const buttons = document.querySelectorAll('glide-core-button-group-button');
-    buttons[0].focus();
-    let event;
-    sendKeys({ press: 'ArrowRight' });
-    event = await oneEvent(component, 'input');
-    expect(event instanceof Event).to.be.true;
-    expect(event.bubbles).to.be.true;
-    sendKeys({ press: 'ArrowLeft' });
-    event = await oneEvent(component, 'input');
-    expect(event instanceof Event).to.be.true;
-    expect(event.bubbles).to.be.true;
-    sendKeys({ press: 'ArrowDown' });
-    event = await oneEvent(component, 'input');
-    expect(event instanceof Event).to.be.true;
-    expect(event.bubbles).to.be.true;
-    sendKeys({ press: 'ArrowUp' });
-    event = await oneEvent(component, 'input');
-    expect(event instanceof Event).to.be.true;
-    expect(event.bubbles).to.be.true;
-});
-it('emits a "change" event when a button is selected via Space', async () => {
-    const component = await fixture(html `<glide-core-button-group>
-      <glide-core-button-group-button
-        label="One"
-        selected
-      ></glide-core-button-group-button>
-
-      <glide-core-button-group-button
-        label="Two"
-      ></glide-core-button-group-button>
-    </glide-core-button-group>`);
-    const buttons = document.querySelectorAll('glide-core-button-group-button');
-    buttons[1]?.focus();
-    sendKeys({ press: ' ' });
-    const event = await oneEvent(component, 'input');
-    expect(event instanceof Event).to.be.true;
-    expect(event.bubbles).to.be.true;
-});
-it('emits a "change" event when a button is selected programmatically', async () => {
-    const component = await fixture(html `<glide-core-button-group>
-      <glide-core-button-group-button
-        label="One"
-        selected
-      ></glide-core-button-group-button>
-
-      <glide-core-button-group-button
-        label="Two"
-      ></glide-core-button-group-button>
-    </glide-core-button-group>`);
-    const buttons = document.querySelectorAll('glide-core-button-group-button');
-    setTimeout(() => {
-        buttons[1].selected = true;
-    });
-    const event = await oneEvent(component, 'input');
-    expect(event instanceof Event).to.be.true;
-    expect(event.bubbles).to.be.true;
-});
-it('does not emit a "change" event when an already selected button is selected via Space', async () => {
-    const component = await fixture(html `<glide-core-button-group>
-      <glide-core-button-group-button
-        label="One"
-        selected
-      ></glide-core-button-group-button>
-
-      <glide-core-button-group-button
-        label="Two"
-      ></glide-core-button-group-button>
-    </glide-core-button-group>`);
-    const buttons = document.querySelectorAll('glide-core-button-group-button');
-    buttons[0]?.focus();
-    const spy = sinon.spy();
-    component.addEventListener('change', spy);
-    sendKeys({ press: ' ' });
-    expect(spy.callCount).to.equal(0);
-});
-it('does not emit a "change" event a button is selected programmatically', async () => {
-    const component = await fixture(html `<glide-core-button-group>
-      <glide-core-button-group-button
-        label="One"
-        selected
-      ></glide-core-button-group-button>
-
-      <glide-core-button-group-button
-        label="Two"
-      ></glide-core-button-group-button>
-    </glide-core-button-group>`);
-    const buttons = document.querySelectorAll('glide-core-button-group-button');
-    const spy = sinon.spy();
-    component.addEventListener('change', spy);
-    setTimeout(() => {
-        buttons[1].selected = true;
-    });
-    expect(spy.callCount).to.equal(0);
-});
-it('does not emit a "input" event a button is selected programmatically', async () => {
-    const component = await fixture(html `<glide-core-button-group>
-      <glide-core-button-group-button
-        label="One"
-        selected
-      ></glide-core-button-group-button>
-
-      <glide-core-button-group-button
-        label="Two"
-      ></glide-core-button-group-button>
-    </glide-core-button-group>`);
-    const buttons = document.querySelectorAll('glide-core-button-group-button');
-    const spy = sinon.spy();
-    component.addEventListener('input', spy);
-    setTimeout(() => {
-        buttons[1].selected = true;
-    });
-    expect(spy.callCount).to.equal(0);
-});

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

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

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

@@ -1,39 +0,0 @@
-/* eslint-disable @typescript-eslint/no-unused-expressions */
-import './button-group.button.js';
-import { expect, fixture, html } from '@open-wc/testing';
-import { sendKeys } from '@web/test-runner-commands';
-import GlideCoreButtonGroup from './button-group.js';
-import GlideCoreButtonGroupButton from './button-group.button.js';
-GlideCoreButtonGroup.shadowRootOptions.mode = 'open';
-GlideCoreButtonGroupButton.shadowRootOptions.mode = 'open';
-it('moves focus', async () => {
-    await fixture(html `<glide-core-button-group>
-      <glide-core-button-group-button
-        label="One"
-      ></glide-core-button-group-button>
-
-      <glide-core-button-group-button
-        label="Two"
-        disabled
-      ></glide-core-button-group-button>
-
-      <glide-core-button-group-button
-        label="Three"
-      ></glide-core-button-group-button>
-
-      <glide-core-button-group-button
-        label="Four"
-        selected
-      ></glide-core-button-group-button>
-    </glide-core-button-group>`);
-    const buttons = document.querySelectorAll('glide-core-button-group-button');
-    buttons[3]?.focus();
-    await sendKeys({ press: 'ArrowRight' });
-    expect(buttons[0]).to.have.focus;
-    await sendKeys({ press: 'ArrowUp' });
-    expect(buttons[3]).to.have.focus;
-    await sendKeys({ press: 'ArrowLeft' });
-    expect(buttons[2]).to.have.focus;
-    await sendKeys({ press: 'ArrowDown' });
-    expect(buttons[3]).to.have.focus;
-});

package/dist/button-group.test.interactions.d.ts

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

package/dist/button-group.test.interactions.js

@@ -1,91 +0,0 @@
-/* eslint-disable @typescript-eslint/no-unused-expressions */
-import './button-group.button.js';
-import { elementUpdated, expect, fixture, html } from '@open-wc/testing';
-import { sendKeys } from '@web/test-runner-commands';
-import GlideCoreButtonGroup from './button-group.js';
-import GlideCoreButtonGroupButton from './button-group.button.js';
-GlideCoreButtonGroup.shadowRootOptions.mode = 'open';
-GlideCoreButtonGroupButton.shadowRootOptions.mode = 'open';
-it('selects a button when clicked', async () => {
-    const component = await fixture(html `<glide-core-button-group>
-      <glide-core-button-group-button
-        label="One"
-        selected
-      ></glide-core-button-group-button>
-
-      <glide-core-button-group-button
-        label="Two"
-      ></glide-core-button-group-button>
-    </glide-core-button-group>`);
-    const buttons = document.querySelectorAll('glide-core-button-group-button');
-    buttons[1]?.click();
-    await elementUpdated(component);
-    expect(buttons[0].selected).to.be.false;
-    expect(buttons[1].selected).to.be.true;
-});
-it('selects buttons when arrowing', async () => {
-    await fixture(html `<glide-core-button-group>
-      <glide-core-button-group-button
-        label="One"
-        disabled
-      ></glide-core-button-group-button>
-
-      <glide-core-button-group-button
-        label="Two"
-        selected
-      ></glide-core-button-group-button>
-
-      <glide-core-button-group-button
-        label="Three"
-      ></glide-core-button-group-button>
-
-      <glide-core-button-group-button
-        label="Four"
-        disabled
-      ></glide-core-button-group-button>
-    </glide-core-button-group>`);
-    const buttons = document.querySelectorAll('glide-core-button-group-button');
-    buttons[1]?.focus();
-    await sendKeys({ press: 'ArrowRight' });
-    expect(buttons[2].selected).to.be.true;
-    await sendKeys({ press: 'ArrowDown' });
-    expect(buttons[1].selected).to.be.true;
-    await sendKeys({ press: 'ArrowLeft' });
-    expect(buttons[2].selected).to.be.true;
-    await sendKeys({ press: 'ArrowUp' });
-    expect(buttons[1].selected).to.be.true;
-});
-it('selects a button on Space', async () => {
-    await fixture(html `<glide-core-button-group>
-      <glide-core-button-group-button
-        label="One"
-        selected
-      ></glide-core-button-group-button>
-
-      <glide-core-button-group-button
-        label="Two"
-      ></glide-core-button-group-button>
-    </glide-core-button-group>`);
-    const buttons = document.querySelectorAll('glide-core-button-group-button');
-    buttons[1]?.focus();
-    await sendKeys({ press: ' ' });
-    expect(buttons[0].selected).to.be.false;
-    expect(buttons[1].selected).to.be.true;
-});
-it('does not select a disabled button', async () => {
-    await fixture(html `<glide-core-button-group>
-      <glide-core-button-group-button
-        label="One"
-        selected
-      ></glide-core-button-group-button>
-
-      <glide-core-button-group-button
-        label="Two"
-        disabled
-      ></glide-core-button-group-button>
-    </glide-core-button-group>`);
-    const buttons = document.querySelectorAll('glide-core-button-group-button');
-    buttons[1]?.click();
-    expect(buttons[0].selected).to.be.true;
-    expect(buttons[1].selected).to.be.false;
-});

package/dist/button.stories.d.ts

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

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

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

package/dist/button.test.basics.js

@@ -1,69 +0,0 @@
-/* eslint-disable @typescript-eslint/no-unused-expressions */
-import './button.js';
-import { expect, fixture, html } from '@open-wc/testing';
-import GlideCoreButton from './button.js';
-GlideCoreButton.shadowRootOptions.mode = 'open';
-it('registers', async () => {
-    expect(window.customElements.get('glide-core-button')).to.equal(GlideCoreButton);
-});
-it('is accessible', async () => {
-    const component = await fixture(html `<glide-core-button label="Label"></glide-core-button>`);
-    await expect(component).to.be.accessible();
-});
-it('has defaults', async () => {
-    const component = await fixture(html `
-    <glide-core-button label="Label"></glide-core-button>
-  `);
-    expect(component.ariaControls).to.be.null;
-    expect(component.ariaExpanded).to.be.null;
-    expect(component.ariaHasPopup).to.be.null;
-    expect(component.autofocus).to.be.false;
-    expect(component.disabled).to.be.false;
-    expect(component.formAction).to.be.empty.string;
-    expect(component.formEncType).to.be.empty.string;
-    expect(component.formMethod).to.be.empty.string;
-    expect(component.formNoValidate).to.be.false;
-    expect(component.name).to.be.empty.string;
-    expect(component.popoverTarget).to.be.undefined;
-    expect(component.popoverTargetAction).to.be.empty.string;
-    expect(component.value).to.be.empty.string;
-    expect(component.type).to.equal('button');
-    expect(component.hasAttribute('autofocus')).to.be.false;
-    expect(component.getAttribute('aria-controls')).to.be.null;
-    expect(component.getAttribute('aria-expanded')).to.be.null;
-    expect(component.getAttribute('aria-haspopup')).to.be.null;
-    expect(component.hasAttribute('disabled')).to.be.false;
-    expect(component.getAttribute('formaction')).to.be.empty.string;
-    expect(component.getAttribute('formenctype')).to.be.empty.string;
-    expect(component.getAttribute('formmethod')).to.be.empty.string;
-    expect(component.hasAttribute('formnovalidate')).to.be.false;
-    expect(component.getAttribute('name')).to.be.empty.string;
-    expect(component.getAttribute('popovertarget')).to.be.null;
-    expect(component.getAttribute('popovertargetaction')).to.be.empty.string;
-    expect(component.getAttribute('type')).to.equal('button');
-    expect(component.getAttribute('value')).to.be.empty.string;
-    const button = component.shadowRoot?.querySelector('button');
-    expect(button?.getAttribute('aria-controls')).to.be.null;
-    expect(button?.ariaExpanded).to.be.null;
-    expect(button?.ariaHasPopup).to.be.null;
-    expect(button?.disabled).to.be.false;
-});
-it('delegates focus', async () => {
-    const component = await fixture(html `<glide-core-button label="Label"></glide-core-button>`);
-    component.focus();
-    expect(component.shadowRoot?.activeElement).to.equal(component.shadowRoot?.querySelector('button'));
-});
-it('has `#onPrefixSlotChange` coverage', async () => {
-    await fixture(html `
-    <glide-core-button label="Label">
-      <span slot="prefix-icon">Prefix</span>
-    </glide-core-button>
-  `);
-});
-it('has `#onSuffixIconSlotChange` coverage', async () => {
-    await fixture(html `
-    <glide-core-button label="Label">
-      <span slot="suffix-icon">Suffix</span>
-    </glide-core-button>
-  `);
-});

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

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