@crowdstrike/glide-core 0.13.1 → 0.14.0

package/dist/tooltip.test.interactions.js

@@ -1,203 +0,0 @@
-/* eslint-disable @typescript-eslint/no-unused-expressions */
-import './tooltip.js';
-import { aTimeout, assert, expect, fixture, html } from '@open-wc/testing';
-import { sendKeys } from '@web/test-runner-commands';
-import GlideCoreTooltip from './tooltip.js';
-GlideCoreTooltip.shadowRootOptions.mode = 'open';
-it('is open when opened programmatically', async () => {
-    const component = await fixture(html `<glide-core-tooltip aria-label="Label">
-      Tooltip
-      <span slot="target" tabindex="0">Target</span>
-    </glide-core-tooltip>`);
-    component.open = true;
-    // Wait for Floating UI.
-    await aTimeout(0);
-    const tooltip = component.shadowRoot?.querySelector('[data-test="tooltip"]');
-    expect(tooltip?.checkVisibility()).to.be.true;
-});
-it('is open when `open` and enabled programmatically', async () => {
-    const component = await fixture(html `<glide-core-tooltip aria-label="Label" open disabled>
-      Tooltip
-      <span slot="target" tabindex="0">Target</span>
-    </glide-core-tooltip>`);
-    component.disabled = false;
-    // Wait for Floating UI.
-    await aTimeout(0);
-    const tooltip = component.shadowRoot?.querySelector('[data-test="tooltip"]');
-    expect(tooltip?.checkVisibility()).to.be.true;
-});
-it('is not open when `open` and disabled programmatically', async () => {
-    const component = await fixture(html `<glide-core-tooltip aria-label="Label" open>
-      Tooltip
-      <span slot="target" tabindex="0">Target</span>
-    </glide-core-tooltip>`);
-    // Wait for Floating UI.
-    await aTimeout(0);
-    component.disabled = true;
-    // Wait for Floating UI.
-    await aTimeout(0);
-    const tooltip = component.shadowRoot?.querySelector('[data-test="tooltip"]');
-    expect(tooltip?.checkVisibility()).to.be.false;
-});
-it('is not open when opened programmatically and disabled', async () => {
-    const component = await fixture(html `<glide-core-tooltip aria-label="Label" disabled>
-      Tooltip
-      <span slot="target" tabindex="0">Target</span>
-    </glide-core-tooltip>`);
-    component.open = true;
-    // Wait for Floating UI.
-    await aTimeout(0);
-    const tooltip = component.shadowRoot?.querySelector('[data-test="tooltip"]');
-    expect(tooltip?.checkVisibility()).to.be.false;
-});
-it('is visible on "focusin"', async () => {
-    const component = await fixture(html `<glide-core-tooltip>
-      Tooltip
-      <span slot="target" tabindex="0">Target</span>
-    </glide-core-tooltip>`);
-    component.shadowRoot
-        ?.querySelector('[data-test="target"]')
-        ?.dispatchEvent(new FocusEvent('focusin'));
-    // Wait for Floating UI.
-    await aTimeout(0);
-    expect(component.shadowRoot
-        ?.querySelector('[data-test="tooltip"]')
-        ?.checkVisibility()).to.be.true;
-});
-it('is hidden on "focusin" when disabled', async () => {
-    const component = await fixture(html `<glide-core-tooltip disabled>
-      Tooltip
-      <span slot="target" tabindex="0">Target</span>
-    </glide-core-tooltip>`);
-    component.shadowRoot
-        ?.querySelector('[data-test="target"]')
-        ?.dispatchEvent(new FocusEvent('focusin'));
-    // Wait for Floating UI.
-    await aTimeout(0);
-    expect(component.shadowRoot
-        ?.querySelector('[data-test="tooltip"]')
-        ?.checkVisibility()).to.be.false;
-});
-it('is hidden on "blur"', async () => {
-    const component = await fixture(html `<glide-core-tooltip>
-      Tooltip
-      <span slot="target" tabindex="0">Target</span>
-    </glide-core-tooltip>`);
-    const target = component.shadowRoot?.querySelector('[data-test="target"]');
-    target?.dispatchEvent(new FocusEvent('focusin'));
-    // Wait for Floating UI.
-    await aTimeout(0);
-    target?.dispatchEvent(new FocusEvent('focusout'));
-    expect(component.shadowRoot
-        ?.querySelector('[data-test="tooltip"]')
-        ?.checkVisibility()).to.be.false;
-});
-it('is hidden on Escape', async () => {
-    const component = await fixture(html `<glide-core-tooltip>
-      Tooltip
-      <span slot="target" tabindex="0">Target</span>
-    </glide-core-tooltip>`);
-    component.shadowRoot
-        ?.querySelector('[data-test="target"]')
-        ?.dispatchEvent(new FocusEvent('focusin'));
-    // Wait for Floating UI.
-    await aTimeout(0);
-    component.querySelector('span')?.focus();
-    await sendKeys({ press: 'Escape' });
-    expect(component.shadowRoot
-        ?.querySelector('[data-test="tooltip"]')
-        ?.checkVisibility()).to.be.false;
-});
-it('is visible on "mouseover"', async () => {
-    const component = await fixture(html `<glide-core-tooltip>
-      Tooltip
-      <span slot="target" tabindex="0">Target</span>
-    </glide-core-tooltip>`);
-    const tooltip = component.shadowRoot?.querySelector('[data-test="tooltip"]');
-    assert(tooltip);
-    tooltip.dataset.openDelay = '0';
-    component.shadowRoot
-        ?.querySelector('[data-test="component"')
-        ?.dispatchEvent(new MouseEvent('mouseover'));
-    // Wait for Floating UI and the open delay.
-    await aTimeout(0);
-    expect(tooltip.checkVisibility()).to.be.true;
-});
-it('is hidden on "mouseover" when disabled', async () => {
-    const component = await fixture(html `<glide-core-tooltip disabled>
-      Tooltip
-      <span slot="target" tabindex="0">Target</span>
-    </glide-core-tooltip>`);
-    const tooltip = component.shadowRoot?.querySelector('[data-test="tooltip"]');
-    assert(tooltip);
-    tooltip.dataset.openDelay = '0';
-    component.shadowRoot
-        ?.querySelector('[data-test="component"')
-        ?.dispatchEvent(new MouseEvent('mouseover'));
-    // Wait for Floating UI.
-    await aTimeout(0);
-    expect(tooltip.checkVisibility()).to.be.false;
-});
-it('is hidden on "mouseout"', async () => {
-    const component = await fixture(html `<glide-core-tooltip>
-      Tooltip
-      <span slot="target" tabindex="0">Target</span>
-    </glide-core-tooltip>`);
-    const tooltip = component.shadowRoot?.querySelector('[data-test="tooltip"]');
-    assert(tooltip);
-    tooltip.dataset.openDelay = '0';
-    component.shadowRoot
-        ?.querySelector('[data-test="component"')
-        ?.dispatchEvent(new MouseEvent('mouseover'));
-    // Wait for Floating UI and the open delay.
-    await aTimeout(0);
-    tooltip.dataset.closeDelay = '0';
-    component.shadowRoot
-        ?.querySelector('[data-test="component"')
-        ?.dispatchEvent(new MouseEvent('mouseout'));
-    // Wait for the close delay.
-    await aTimeout(0);
-    expect(tooltip.checkVisibility()).to.be.false;
-});
-it('remains hidden if "mouseout" fires before the "mouseover" delay', async () => {
-    const component = await fixture(html `<glide-core-tooltip>
-      Tooltip
-      <span slot="target" tabindex="0">Target</span>
-    </glide-core-tooltip>`);
-    const tooltip = component.shadowRoot?.querySelector('[data-test="tooltip"]');
-    assert(tooltip);
-    tooltip.dataset.openDelay = '1';
-    tooltip.dataset.closeDelay = '0';
-    component.shadowRoot
-        ?.querySelector('[data-test="component"')
-        ?.dispatchEvent(new MouseEvent('mouseover'));
-    expect(tooltip?.checkVisibility()).to.be.false;
-    component.shadowRoot
-        ?.querySelector('[data-test="component"')
-        ?.dispatchEvent(new MouseEvent('mouseout'));
-    await aTimeout(1);
-    expect(tooltip.checkVisibility()).to.be.false;
-});
-// This would be better served by a visual regression test. It exists only
-// to meet our coverage threshold, so the `middlewareData.arrow.y` branch
-// is hit.
-it('positions the tooltip when `placement="right"`', async () => {
-    const component = await fixture(html `<glide-core-tooltip
-      placement="right"
-      style="align-items: center; display: flex; height: 100vh; justify-content:center; width: 100vw;"
-    >
-      Tooltip
-      <span slot="target" tabindex="0">Target</span>
-    </glide-core-tooltip>`);
-    component.shadowRoot
-        ?.querySelector('[data-test="target"]')
-        ?.dispatchEvent(new FocusEvent('focusin'));
-    // Wait for Floating UI.
-    await aTimeout(0);
-    const tooltipContainer = component.shadowRoot?.querySelector('[data-test="tooltip"]');
-    const arrow = component.shadowRoot?.querySelector('[data-test="arrow"]');
-    expect(tooltipContainer?.style.left).to.not.be.empty.string;
-    expect(tooltipContainer?.style.top).to.not.be.empty.string;
-    expect(arrow?.style.left).to.be.empty.string;
-    expect(arrow?.style.top).to.not.be.empty.string;
-});

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

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

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

@@ -1,22 +0,0 @@
-import { expect, fixture, html } from '@open-wc/testing';
-import GlideCoreTreeItemIconButton from './tree.item.icon-button.js';
-import expectArgumentError from './library/expect-argument-error.js';
-GlideCoreTreeItemIconButton.shadowRootOptions.mode = 'open';
-it('registers', async () => {
-    expect(window.customElements.get('glide-core-tree-item-icon-button')).to.equal(GlideCoreTreeItemIconButton);
-});
-it('throws if it does not have a default slot', async () => {
-    await expectArgumentError(() => {
-        return fixture(html `
-      <glide-core-tree-item-icon-button></glide-core-tree-item-icon-button>
-    `);
-    });
-});
-it('passes its label to the icon button', async () => {
-    const component = await fixture(html `
-    <glide-core-tree-item-icon-button label="My label"
-      >Hello</glide-core-tree-item-icon-button
-    >
-  `);
-    expect(component.shadowRoot?.querySelector('glide-core-icon-button')?.label).to.equal('My label');
-});

package/dist/tree.item.menu.test.basics.d.ts

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

package/dist/tree.item.menu.test.basics.js

@@ -1,86 +0,0 @@
-import { assert, expect, fixture, html, waitUntil } from '@open-wc/testing';
-import GlideCoreMenu from './menu.js';
-import GlideCoreTreeItemMenu from './tree.item.menu.js';
-import expectArgumentError from './library/expect-argument-error.js';
-import sinon from 'sinon';
-GlideCoreTreeItemMenu.shadowRootOptions.mode = 'open';
-GlideCoreMenu.shadowRootOptions.mode = 'open';
-it('registers', async () => {
-    expect(window.customElements.get('glide-core-tree-item-menu')).to.equal(GlideCoreTreeItemMenu);
-});
-it('throws if it does not have a default slot', async () => {
-    await expectArgumentError(() => {
-        return fixture(html `
-      <glide-core-tree-item-menu></glide-core-tree-item-menu>
-    `);
-    });
-});
-it('throws if the default slot is the incorrect type', async () => {
-    await expectArgumentError(() => {
-        return fixture(html `
-      <glide-core-tree-item-menu>
-        <button>Button</button>
-      </glide-core-tree-item-menu>
-    `);
-    });
-    // Menu is rendered asynchronously outside of Tree Menu Item's lifecycle
-    // and asserts against its default slot. That assertion, which is expected
-    // to fail in this case, results in an unhandled rejection that gets logged.
-    // `console.error` is stubbed so the logs aren't muddied.
-    const stub = sinon.stub(console, 'error');
-    // Menu asserts against its default slot once on `firstUpdated` and again
-    // on "slotchange". So we wait until the stub is called twice before restoring
-    // it.
-    await waitUntil(() => stub.calledTwice);
-    stub.restore();
-});
-it('defaults the placement of the menu to bottom start', async () => {
-    const component = await fixture(html `
-    <glide-core-tree-item-menu>
-      <glide-core-menu-link label="One" url="/one"> </glide-core-menu-link>
-    </glide-core-tree-item-menu>
-  `);
-    expect(component.shadowRoot?.querySelector('glide-core-menu')?.placement).to.equal('bottom-start');
-});
-it('can set placement of the menu', async () => {
-    const component = await fixture(html `
-    <glide-core-tree-item-menu placement="bottom-end">
-      <glide-core-menu-link label="One" url="/one"> </glide-core-menu-link>
-    </glide-core-tree-item-menu>
-  `);
-    expect(component.shadowRoot?.querySelector('glide-core-menu')?.placement).to.equal('bottom-end');
-});
-it('can be opened programmatically', async () => {
-    const component = await fixture(html `
-    <glide-core-tree-item-menu>
-      <glide-core-menu-link label="One" url="/one"> </glide-core-menu-link>
-    </glide-core-tree-item-menu>
-  `);
-    expect(component.shadowRoot
-        ?.querySelector('glide-core-menu')
-        ?.getAttribute('open')).to.equal(null);
-    component.click();
-    await component.updateComplete;
-    expect(component.shadowRoot
-        ?.querySelector('glide-core-menu')
-        ?.getAttribute('open')).to.equal('');
-});
-it('can set a custom icon', async () => {
-    const component = await fixture(html `
-    <glide-core-tree-item-menu placement="bottom-end">
-      <svg data-test-custom-icon="true" slot="icon"></svg>
-      <glide-core-menu-link label="One" url="/one"> </glide-core-menu-link>
-    </glide-core-tree-item-menu>
-  `);
-    const menu = component.shadowRoot?.querySelector('glide-core-menu');
-    assert(menu);
-    const menuTarget = menu.shadowRoot
-        ?.querySelector('slot[name="target"]')
-        ?.assignedElements()[0];
-    assert(menuTarget);
-    const icon = menuTarget
-        ?.querySelector('slot[name="icon"]')
-        ?.assignedElements()[0];
-    assert(icon instanceof SVGElement);
-    expect(icon.dataset.testCustomIcon).to.equal('true');
-});

package/dist/tree.item.test.basics.d.ts

@@ -1,2 +0,0 @@
-import './menu.link.js';
-import './tree.item.menu.js';

package/dist/tree.item.test.basics.js

@@ -1,138 +0,0 @@
-/* eslint-disable @typescript-eslint/no-unused-expressions */
-import './menu.link.js';
-import './tree.item.menu.js';
-import { expect, fixture, html } from '@open-wc/testing';
-import Menu from './menu.js';
-import TreeItem from './tree.item.js';
-import TreeItemMenu from './tree.item.menu.js';
-TreeItem.shadowRootOptions.mode = 'open';
-TreeItemMenu.shadowRootOptions.mode = 'open';
-Menu.shadowRootOptions.mode = 'open';
-it('registers', () => {
-    expect(window.customElements.get('glide-core-tree-item')).to.equal(TreeItem);
-});
-it('renders and sets default attributes', async () => {
-    const component = await fixture(html `
-    <glide-core-tree-item label="Item"></glide-core-tree-item>
-  `);
-    expect(component.expanded).to.be.false;
-    expect(component.label).to.equal('Item');
-    expect(component.level).to.equal(1);
-    expect(component.shadowRoot?.querySelector('.expand-icon-container')).to.be
-        .ok;
-});
-it('does not render expand-icon-container if remove-indentation is set', async () => {
-    const component = await fixture(html `
-    <glide-core-tree-item
-      label="Item"
-      remove-indentation
-    ></glide-core-tree-item>
-  `);
-    expect(component.shadowRoot?.querySelector('.expand-icon-container')).to.be
-        .null;
-});
-it('renders with a prefix slot', async () => {
-    await fixture(html `
-    <glide-core-tree-item label="Item">
-      <span slot="prefix" data-prefix>prefix</span>
-    </glide-core-tree-item>
-  `);
-    expect(document.querySelector('[data-prefix]')).to.be.ok;
-});
-it('adds label to menu target', async () => {
-    const component = await fixture(html `
-    <glide-core-tree-item label="Item">
-      <glide-core-tree-item-menu slot="menu" data-menu>
-        <glide-core-menu-link label="Move" url="/move"> </glide-core-menu-link>
-      </glide-core-tree-item-menu>
-    </glide-core-tree-item>
-  `);
-    const menuTarget = component
-        .querySelector('glide-core-tree-item-menu')
-        ?.shadowRoot?.querySelector('glide-core-menu')
-        ?.querySelector('glide-core-icon-button');
-    expect(menuTarget?.label).to.equal('Actions for Item');
-});
-it('renders with a suffix slot', async () => {
-    await fixture(html `
-    <glide-core-tree-item label="Item">
-      <span slot="suffix" data-suffix>suffix</span>
-    </glide-core-tree-item>
-  `);
-    expect(document.querySelector('[data-suffix]')).to.be.ok;
-});
-it('does not have an expand icon if there are no child tree items', async () => {
-    const component = await fixture(html `
-    <glide-core-tree-item label="Item"></glide-core-tree-item>
-  `);
-    expect(component.shadowRoot?.querySelector('.expand-icon')).to.equal(null);
-});
-it('can expand', async () => {
-    const component = await fixture(html `
-    <glide-core-tree-item label="Item">
-      <glide-core-tree-item label="Child Item 1"></glide-core-tree-item>
-    </glide-core-tree-item>
-  `);
-    expect([
-        ...component.shadowRoot.querySelector('.component').classList,
-    ]).to.deep.equal(['component']);
-    expect([
-        ...component.shadowRoot.querySelector('.expand-icon').classList,
-    ]).to.deep.equal(['expand-icon']);
-    component.toggleExpand();
-    await component.updateComplete;
-    expect([
-        ...component.shadowRoot.querySelector('.component').classList,
-    ]).to.deep.equal(['component', 'expanded']);
-    expect([
-        ...component.shadowRoot.querySelector('.expand-icon').classList,
-    ]).to.deep.equal(['expand-icon', 'expand-icon-expanded']);
-});
-it('renders child and grandchild tree items', async () => {
-    const component = await fixture(html `
-    <glide-core-tree-item expanded label="Item">
-      <glide-core-tree-item label="Child Item 1"></glide-core-tree-item>
-      <glide-core-tree-item label="Child Item 2">
-        <glide-core-tree-item label="Grandchild Item 1"></glide-core-tree-item>
-      </glide-core-tree-item>
-    </glide-core-tree-item>
-  `);
-    expect(component.shadowRoot?.querySelector('.expand-icon')).to.be.ok;
-    const childItems = component.slotElements;
-    expect(childItems?.length).to.equal(2);
-    expect(childItems?.[0].level).to.equal(2, 'Children are level 2');
-    const grandchildItems = childItems?.[1].slotElements;
-    expect(grandchildItems?.length).to.equal(1);
-    expect(grandchildItems?.[0].level).to.equal(3, 'Grandchildren are level 3');
-});
-it('sets the level for tree items programmatically added later', async () => {
-    const component = await fixture(html `
-    <glide-core-tree-item expanded label="Item"></glide-core-tree-item>
-  `);
-    const newItem = Object.assign(document.createElement('glide-core-tree-item'), {
-        label: 'Child',
-    });
-    component.append(newItem);
-    await component.updateComplete;
-    expect(newItem.level).to.equal(2);
-});
-it('can select child and grandchild items', async () => {
-    const component = await fixture(html `
-    <glide-core-tree-item expanded label="Item">
-      <glide-core-tree-item label="Child Item 1"></glide-core-tree-item>
-      <glide-core-tree-item label="Child Item 2">
-        <glide-core-tree-item label="Grandchild Item 1"></glide-core-tree-item>
-      </glide-core-tree-item>
-    </glide-core-tree-item>
-  `);
-    const childItems = component.slotElements;
-    const grandchildItems = childItems?.[1].slotElements;
-    component.selectItem(childItems[0]);
-    expect(childItems[0].selected).to.be.true;
-    expect(childItems[1].selected).to.be.false;
-    expect(grandchildItems[0].selected).to.be.false;
-    component.selectItem(grandchildItems[0]);
-    expect(childItems[0].selected).to.be.false;
-    expect(childItems[1].selected).to.be.false;
-    expect(grandchildItems[0].selected).to.be.true;
-});

package/dist/tree.stories.d.ts

@@ -1,9 +0,0 @@
-import './icon-button.js';
-import './icons/storybook.js';
-import './menu.link.js';
-import './tree.item.icon-button.js';
-import './tree.js';
-import type { Meta, StoryObj } from '@storybook/web-components';
-declare const meta: Meta;
-export default meta;
-export declare const Tree: StoryObj;

package/dist/tree.test.aria.d.ts

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

package/dist/tree.test.aria.js

@@ -1,86 +0,0 @@
-import { expect, fixture, html } from '@open-wc/testing';
-import GlideCoreTree from './tree.js';
-import GlideCoreTreeItem from './tree.item.js';
-GlideCoreTree.shadowRootOptions.mode = 'open';
-GlideCoreTreeItem.shadowRootOptions.mode = 'open';
-it('is accessible', async () => {
-    const component = await fixture(html `
-    <glide-core-tree>
-      <glide-core-tree-item label="Child Item 1"></glide-core-tree-item>
-      <glide-core-tree-item label="Child Item 2">
-        <glide-core-tree-item label="Grandchild Item 1"></glide-core-tree-item>
-      </glide-core-tree-item>
-    </glide-core-tree>
-  `);
-    await expect(component).to.be.accessible();
-});
-it('sets roles tree and treeitem', async () => {
-    const component = await fixture(html `
-    <glide-core-tree>
-      <glide-core-tree-item label="Child Item 1"></glide-core-tree-item>
-      <glide-core-tree-item label="Child Item 2">
-        <glide-core-tree-item label="Grandchild Item 1"></glide-core-tree-item>
-      </glide-core-tree-item>
-    </glide-core-tree>
-  `);
-    const childItems = component.slotElements;
-    expect(component.shadowRoot?.firstElementChild?.getAttribute('role')).to.equal('tree');
-    expect(childItems[0].shadowRoot?.querySelector('.component')?.getAttribute('role')).to.equal('treeitem');
-    expect(childItems[1].shadowRoot?.querySelector('.component')?.getAttribute('role')).to.equal('treeitem');
-    expect(childItems[1].slotElements[0].shadowRoot
-        ?.querySelector('.component')
-        ?.getAttribute('role')).to.equal('treeitem');
-});
-it('sets aria-expanded correctly', async () => {
-    const component = await fixture(html `
-    <glide-core-tree>
-      <glide-core-tree-item label="Child Item 1"></glide-core-tree-item>
-      <glide-core-tree-item label="Child Item 2">
-        <glide-core-tree-item label="Grandchild Item 1"></glide-core-tree-item>
-      </glide-core-tree-item>
-      <glide-core-tree-item label="Expanded child item" expanded>
-        <glide-core-tree-item label="Grandchild Item 2"></glide-core-tree-item>
-      </glide-core-tree-item>
-    </glide-core-tree>
-  `);
-    const childItems = component.slotElements;
-    expect(childItems[0].getAttribute('aria-expanded')).to.equal(null, 'does not set at all if there are no child items');
-    expect(childItems[1].shadowRoot
-        ?.querySelector('.component')
-        ?.getAttribute('aria-expanded')).to.equal('false', 'sets to string "false" if not expanded');
-    childItems[1].toggleExpand();
-    await childItems[1].updateComplete;
-    expect(childItems[1].shadowRoot
-        ?.querySelector('.component')
-        ?.getAttribute('aria-expanded')).to.equal('true', 'sets to string "true" after being expanded');
-    expect(childItems[2].shadowRoot
-        ?.querySelector('.component')
-        ?.getAttribute('aria-expanded')).to.equal('true', 'sets to string "true" if starts as expanded');
-});
-it('sets aria-selected correctly', async () => {
-    const component = await fixture(html `
-    <glide-core-tree>
-      <glide-core-tree-item label="Child Item 1">
-        <glide-core-tree-item label="Grandchild Item 1"></glide-core-tree-item>
-      </glide-core-tree-item>
-      <glide-core-tree-item label="Child Item 2"></glide-core-tree-item>
-      <glide-core-tree-item
-        label="Child Item 3"
-        selected
-      ></glide-core-tree-item>
-    </glide-core-tree>
-  `);
-    const childItems = component.slotElements;
-    expect(childItems[0].getAttribute('aria-selected')).to.equal(null, 'does not set at all if there are child items');
-    expect(childItems[1].shadowRoot
-        ?.querySelector('.component')
-        ?.getAttribute('aria-selected')).to.equal('false', 'sets to string "false" if not selected');
-    expect(childItems[2].shadowRoot
-        ?.querySelector('.component')
-        ?.getAttribute('aria-selected')).to.equal('true', 'sets to string "true" if starts as selected');
-    component.selectItem(childItems[1]);
-    await childItems[1].updateComplete;
-    expect(childItems[1].shadowRoot
-        ?.querySelector('.component')
-        ?.getAttribute('aria-selected')).to.equal('true', 'sets to string "true" after being selected');
-});

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

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