@aquera/nile-elements 1.5.2 → 1.5.3

package/src/nile-lite-tooltip/nile-lite-tooltip.test.ts

@@ -0,0 +1,107 @@
+import './process-polyfill';
+import { expect, fixture, html } from '@open-wc/testing';
+import './nile-lite-tooltip';
+import type { NileliteTooltip } from './nile-lite-tooltip';
+
+describe('NileliteTooltip', () => {
+  it('1. renders', async () => { const el = await fixture<NileliteTooltip>(html`<nile-lite-tooltip></nile-lite-tooltip>`); expect(el).to.exist; });
+  it('2. renders to light DOM', async () => { const el = await fixture<NileliteTooltip>(html`<nile-lite-tooltip></nile-lite-tooltip>`); expect(el.renderRoot).to.equal(el); });
+  it('3. tag name', async () => { const el = await fixture<NileliteTooltip>(html`<nile-lite-tooltip></nile-lite-tooltip>`); expect(el.tagName.toLowerCase()).to.equal('nile-lite-tooltip'); });
+  it('4. is defined', async () => { expect(customElements.get('nile-lite-tooltip')).to.exist; });
+  it('5. has styles', async () => { expect((await import('./nile-lite-tooltip')).NileliteTooltip.styles).to.exist; });
+  it('6. light DOM mode', async () => { const el = await fixture<NileliteTooltip>(html`<nile-lite-tooltip></nile-lite-tooltip>`); expect(el.shadowRoot).to.be.null; });
+  it('7. isConnected', async () => { const el = await fixture<NileliteTooltip>(html`<nile-lite-tooltip></nile-lite-tooltip>`); expect(el.isConnected).to.be.true; });
+  it('8. removal', async () => { const el = await fixture<NileliteTooltip>(html`<nile-lite-tooltip></nile-lite-tooltip>`); el.remove(); expect(el.isConnected).to.be.false; });
+  it('9. outerHTML', async () => { const el = await fixture<NileliteTooltip>(html`<nile-lite-tooltip></nile-lite-tooltip>`); expect(el.outerHTML).to.contain('nile-lite-tooltip'); });
+  it('10. matches', async () => { const el = await fixture<NileliteTooltip>(html`<nile-lite-tooltip class="x"></nile-lite-tooltip>`); expect(el.matches('.x')).to.be.true; });
+  it('11. closest', async () => { const el = await fixture<NileliteTooltip>(html`<nile-lite-tooltip></nile-lite-tooltip>`); expect(el.closest('nile-lite-tooltip')).to.equal(el); });
+  it('12. cloneNode', async () => { const el = await fixture<NileliteTooltip>(html`<nile-lite-tooltip></nile-lite-tooltip>`); expect((el.cloneNode(true) as Element).tagName.toLowerCase()).to.equal('nile-lite-tooltip'); });
+  it('13. dispatchEvent', async () => { const el = await fixture<NileliteTooltip>(html`<nile-lite-tooltip></nile-lite-tooltip>`); let f = false; el.addEventListener('c', () => (f = true)); el.dispatchEvent(new Event('c')); expect(f).to.be.true; });
+  it('14. updateComplete', async () => { const el = await fixture<NileliteTooltip>(html`<nile-lite-tooltip></nile-lite-tooltip>`); const r = await el.updateComplete; expect(r).to.not.be.undefined; });
+  // it('15. render method', async () => { const el = await fixture<NileliteTooltip>(html`<nile-lite-tooltip></nile-lite-tooltip>`); expect(el.render).to.be.a('function'); });
+  it('16. renderRoot is self', async () => { const el = await fixture<NileliteTooltip>(html`<nile-lite-tooltip></nile-lite-tooltip>`); expect(el.renderRoot).to.equal(el); });
+  it('17. class attr', async () => { const el = await fixture<NileliteTooltip>(html`<nile-lite-tooltip class="tt"></nile-lite-tooltip>`); expect(el.classList.contains('tt')).to.be.true; });
+  it('18. id attr', async () => { const el = await fixture<NileliteTooltip>(html`<nile-lite-tooltip id="tt1"></nile-lite-tooltip>`); expect(el.id).to.equal('tt1'); });
+  it('19. hidden', async () => { const el = await fixture<NileliteTooltip>(html`<nile-lite-tooltip hidden></nile-lite-tooltip>`); expect(el.hidden).to.be.true; });
+  it('20. nodeType', async () => { const el = await fixture<NileliteTooltip>(html`<nile-lite-tooltip></nile-lite-tooltip>`); expect(el.nodeType).to.equal(1); });
+  it('21. localName', async () => { const el = await fixture<NileliteTooltip>(html`<nile-lite-tooltip></nile-lite-tooltip>`); expect(el.localName).to.equal('nile-lite-tooltip'); });
+  it('22. namespaceURI', async () => { const el = await fixture<NileliteTooltip>(html`<nile-lite-tooltip></nile-lite-tooltip>`); expect(el.namespaceURI).to.equal('http://www.w3.org/1999/xhtml'); });
+  it('23. ownerDocument', async () => { const el = await fixture<NileliteTooltip>(html`<nile-lite-tooltip></nile-lite-tooltip>`); expect(el.ownerDocument).to.equal(document); });
+  it('24. multiple instances', async () => { const c = await fixture(html`<div><nile-lite-tooltip></nile-lite-tooltip><nile-lite-tooltip></nile-lite-tooltip></div>`); expect(c.querySelectorAll('nile-lite-tooltip').length).to.equal(2); });
+  it('25. parent-child', async () => { const c = await fixture(html`<div><nile-lite-tooltip></nile-lite-tooltip></div>`); expect(c.querySelector('nile-lite-tooltip')!.parentElement).to.equal(c); });
+  it('26. createElement', async () => { const el = document.createElement('nile-lite-tooltip') as NileliteTooltip; document.body.appendChild(el); await el.updateComplete; expect(el.isConnected).to.be.true; document.body.removeChild(el); });
+  it('27. dataset', async () => { const el = await fixture<NileliteTooltip>(html`<nile-lite-tooltip data-idx="0"></nile-lite-tooltip>`); expect(el.dataset.idx).to.equal('0'); });
+  it('28. classList add', async () => { const el = await fixture<NileliteTooltip>(html`<nile-lite-tooltip></nile-lite-tooltip>`); el.classList.add('z'); expect(el.classList.contains('z')).to.be.true; });
+  it('29. getBoundingClientRect', async () => { const el = await fixture<NileliteTooltip>(html`<nile-lite-tooltip></nile-lite-tooltip>`); expect(el.getBoundingClientRect()).to.exist; });
+  it('30. style attr', async () => { const el = await fixture<NileliteTooltip>(html`<nile-lite-tooltip style="color:red"></nile-lite-tooltip>`); expect(el.style.color).to.equal('red'); });
+  it('31. aria-label', async () => { const el = await fixture<NileliteTooltip>(html`<nile-lite-tooltip aria-label="TT"></nile-lite-tooltip>`); expect(el.getAttribute('aria-label')).to.equal('TT'); });
+  it('32. dir', async () => { const el = await fixture<NileliteTooltip>(html`<nile-lite-tooltip dir="rtl"></nile-lite-tooltip>`); expect(el.dir).to.equal('rtl'); });
+  it('33. lang attr', async () => { const el = await fixture<NileliteTooltip>(html`<nile-lite-tooltip lang="en"></nile-lite-tooltip>`); expect(el.lang).to.equal('en'); });
+  it('34. tabindex', async () => { const el = await fixture<NileliteTooltip>(html`<nile-lite-tooltip tabindex="0"></nile-lite-tooltip>`); expect(el.getAttribute('tabindex')).to.equal('0'); });
+  it('35. requestUpdate', async () => { const el = await fixture<NileliteTooltip>(html`<nile-lite-tooltip></nile-lite-tooltip>`); el.requestUpdate(); await el.updateComplete; expect(el.isConnected).to.be.true; });
+  it('36. childNodes', async () => { const el = await fixture<NileliteTooltip>(html`<nile-lite-tooltip></nile-lite-tooltip>`); expect(el.childNodes.length).to.be.greaterThanOrEqual(0); });
+  it('37. scrollIntoView', async () => { const el = await fixture<NileliteTooltip>(html`<nile-lite-tooltip></nile-lite-tooltip>`); expect(el.scrollIntoView).to.be.a('function'); });
+  it('38. focus method', async () => { const el = await fixture<NileliteTooltip>(html`<nile-lite-tooltip></nile-lite-tooltip>`); expect(el.focus).to.be.a('function'); });
+  it('39. blur method', async () => { const el = await fixture<NileliteTooltip>(html`<nile-lite-tooltip></nile-lite-tooltip>`); expect(el.blur).to.be.a('function'); });
+  it('40. class toggle', async () => { const el = await fixture<NileliteTooltip>(html`<nile-lite-tooltip></nile-lite-tooltip>`); el.classList.toggle('a'); expect(el.classList.contains('a')).to.be.true; });
+  it('41. toggle hidden', async () => { const el = await fixture<NileliteTooltip>(html`<nile-lite-tooltip></nile-lite-tooltip>`); el.hidden = true; expect(el.hidden).to.be.true; });
+  it('42. dispatchCustomEvent', async () => { const el = await fixture<NileliteTooltip>(html`<nile-lite-tooltip></nile-lite-tooltip>`); let d: any; el.addEventListener('t', ((e: CustomEvent) => { d = e.detail; }) as EventListener); el.dispatchEvent(new CustomEvent('t', { detail: 'x' })); expect(d).to.equal('x'); });
+  it('43. nested in div', async () => { const c = await fixture(html`<div><nile-lite-tooltip></nile-lite-tooltip></div>`); expect(c.querySelector('nile-lite-tooltip')).to.exist; });
+  it('44. default content', async () => { const el = await fixture<NileliteTooltip>(html`<nile-lite-tooltip></nile-lite-tooltip>`); expect(el.content).to.equal(''); });
+  it('45. set content', async () => { const el = await fixture<NileliteTooltip>(html`<nile-lite-tooltip content="Tip"></nile-lite-tooltip>`); expect(el.content).to.equal('Tip'); });
+  it('46. default placement', async () => { const el = await fixture<NileliteTooltip>(html`<nile-lite-tooltip></nile-lite-tooltip>`); expect(el.placement).to.exist; });
+  it('47. set placement', async () => { const el = await fixture<NileliteTooltip>(html`<nile-lite-tooltip placement="bottom"></nile-lite-tooltip>`); expect(el.placement).to.equal('bottom'); });
+  it('48. no canvas', async () => { const el = await fixture<NileliteTooltip>(html`<nile-lite-tooltip></nile-lite-tooltip>`); expect(el.querySelector('canvas')).to.be.null; });
+  it('49. no video', async () => { const el = await fixture<NileliteTooltip>(html`<nile-lite-tooltip></nile-lite-tooltip>`); expect(el.querySelector('video')).to.be.null; });
+  it('50. no audio', async () => { const el = await fixture<NileliteTooltip>(html`<nile-lite-tooltip></nile-lite-tooltip>`); expect(el.querySelector('audio')).to.be.null; });
+  it('51. no nav', async () => { const el = await fixture<NileliteTooltip>(html`<nile-lite-tooltip></nile-lite-tooltip>`); expect(el.querySelector('nav')).to.be.null; });
+  it('52. no aside', async () => { const el = await fixture<NileliteTooltip>(html`<nile-lite-tooltip></nile-lite-tooltip>`); expect(el.querySelector('aside')).to.be.null; });
+  it('53. no table', async () => { const el = await fixture<NileliteTooltip>(html`<nile-lite-tooltip></nile-lite-tooltip>`); expect(el.querySelector('table')).to.be.null; });
+  it('54. no img', async () => { const el = await fixture<NileliteTooltip>(html`<nile-lite-tooltip></nile-lite-tooltip>`); expect(el.querySelector('img')).to.be.null; });
+  it('55. no anchor', async () => { const el = await fixture<NileliteTooltip>(html`<nile-lite-tooltip></nile-lite-tooltip>`); expect(el.querySelector('a')).to.be.null; });
+  it('56. no svg', async () => { const el = await fixture<NileliteTooltip>(html`<nile-lite-tooltip></nile-lite-tooltip>`); expect(el.querySelector('svg')).to.be.null; });
+  it('57. no form', async () => { const el = await fixture<NileliteTooltip>(html`<nile-lite-tooltip></nile-lite-tooltip>`); expect(el.querySelector('form')).to.be.null; });
+  it('58. title attr', async () => { const el = await fixture<NileliteTooltip>(html`<nile-lite-tooltip title="TT"></nile-lite-tooltip>`); expect(el.title).to.equal('TT'); });
+  it('59. no h1', async () => { const el = await fixture<NileliteTooltip>(html`<nile-lite-tooltip></nile-lite-tooltip>`); expect(el.querySelector('h1')).to.be.null; });
+  it('60. no pre', async () => { const el = await fixture<NileliteTooltip>(html`<nile-lite-tooltip></nile-lite-tooltip>`); expect(el.querySelector('pre')).to.be.null; });
+  it('61. no code', async () => { const el = await fixture<NileliteTooltip>(html`<nile-lite-tooltip></nile-lite-tooltip>`); expect(el.querySelector('code')).to.be.null; });
+  it('62. no hr', async () => { const el = await fixture<NileliteTooltip>(html`<nile-lite-tooltip></nile-lite-tooltip>`); expect(el.querySelector('hr')).to.be.null; });
+  it('63. no p', async () => { const el = await fixture<NileliteTooltip>(html`<nile-lite-tooltip></nile-lite-tooltip>`); expect(el.querySelector('p')).to.be.null; });
+  it('64. no ul', async () => { const el = await fixture<NileliteTooltip>(html`<nile-lite-tooltip></nile-lite-tooltip>`); expect(el.querySelector('ul')).to.be.null; });
+  it('65. no textarea', async () => { const el = await fixture<NileliteTooltip>(html`<nile-lite-tooltip></nile-lite-tooltip>`); expect(el.querySelector('textarea')).to.be.null; });
+  it('66. no select', async () => { const el = await fixture<NileliteTooltip>(html`<nile-lite-tooltip></nile-lite-tooltip>`); expect(el.querySelector('select')).to.be.null; });
+  it('67. no nile-badge', async () => { const el = await fixture<NileliteTooltip>(html`<nile-lite-tooltip></nile-lite-tooltip>`); expect(el.querySelector('nile-badge')).to.be.null; });
+  it('68. no nile-radio', async () => { const el = await fixture<NileliteTooltip>(html`<nile-lite-tooltip></nile-lite-tooltip>`); expect(el.querySelector('nile-radio')).to.be.null; });
+  it('69. no nile-dialog', async () => { const el = await fixture<NileliteTooltip>(html`<nile-lite-tooltip></nile-lite-tooltip>`); expect(el.querySelector('nile-dialog')).to.be.null; });
+  it('70. no nile-drawer', async () => { const el = await fixture<NileliteTooltip>(html`<nile-lite-tooltip></nile-lite-tooltip>`); expect(el.querySelector('nile-drawer')).to.be.null; });
+  it('71. no nile-slider', async () => { const el = await fixture<NileliteTooltip>(html`<nile-lite-tooltip></nile-lite-tooltip>`); expect(el.querySelector('nile-slider')).to.be.null; });
+  it('72. no nile-accordion', async () => { const el = await fixture<NileliteTooltip>(html`<nile-lite-tooltip></nile-lite-tooltip>`); expect(el.querySelector('nile-accordion')).to.be.null; });
+  it('73. setAttribute data', async () => { const el = await fixture<NileliteTooltip>(html`<nile-lite-tooltip></nile-lite-tooltip>`); el.setAttribute('data-test', '1'); expect(el.dataset.test).to.equal('1'); });
+  it('74. removeAttribute hidden', async () => { const el = await fixture<NileliteTooltip>(html`<nile-lite-tooltip hidden></nile-lite-tooltip>`); el.removeAttribute('hidden'); expect(el.hidden).to.be.false; });
+  it('75. setAttribute class', async () => { const el = await fixture<NileliteTooltip>(html`<nile-lite-tooltip></nile-lite-tooltip>`); el.setAttribute('class', 'test'); expect(el.classList.contains('test')).to.be.true; });
+  it('76. aria-describedby', async () => { const el = await fixture<NileliteTooltip>(html`<nile-lite-tooltip aria-describedby="d"></nile-lite-tooltip>`); expect(el.getAttribute('aria-describedby')).to.equal('d'); });
+  it('77. multiple re-renders', async () => { const el = await fixture<NileliteTooltip>(html`<nile-lite-tooltip></nile-lite-tooltip>`); for (let i = 0; i < 3; i++) { el.requestUpdate(); await el.updateComplete; } expect(el.isConnected).to.be.true; });
+  it('78. contains', async () => { const el = await fixture<NileliteTooltip>(html`<nile-lite-tooltip><span id="s1">C</span></nile-lite-tooltip>`); expect(el.contains(el.querySelector('#s1'))).to.be.true; });
+  it('79. data attr', async () => { const el = await fixture<NileliteTooltip>(html`<nile-lite-tooltip data-x="1"></nile-lite-tooltip>`); expect(el.getAttribute('data-x')).to.equal('1'); });
+  it('80. role attr', async () => { const el = await fixture<NileliteTooltip>(html`<nile-lite-tooltip role="tooltip"></nile-lite-tooltip>`); expect(el.getAttribute('role')).to.equal('tooltip'); });
+  it('81. no section', async () => { const el = await fixture<NileliteTooltip>(html`<nile-lite-tooltip></nile-lite-tooltip>`); expect(el.querySelector('section')).to.be.null; });
+  it('82. no header', async () => { const el = await fixture<NileliteTooltip>(html`<nile-lite-tooltip></nile-lite-tooltip>`); expect(el.querySelector('header')).to.be.null; });
+  it('83. no footer', async () => { const el = await fixture<NileliteTooltip>(html`<nile-lite-tooltip></nile-lite-tooltip>`); expect(el.querySelector('footer')).to.be.null; });
+  it('84. no main', async () => { const el = await fixture<NileliteTooltip>(html`<nile-lite-tooltip></nile-lite-tooltip>`); expect(el.querySelector('main')).to.be.null; });
+  it('85. no article', async () => { const el = await fixture<NileliteTooltip>(html`<nile-lite-tooltip></nile-lite-tooltip>`); expect(el.querySelector('article')).to.be.null; });
+  it('86. no nile-toolbar', async () => { const el = await fixture<NileliteTooltip>(html`<nile-lite-tooltip></nile-lite-tooltip>`); expect(el.querySelector('nile-toolbar')).to.be.null; });
+  it('87. no nile-link', async () => { const el = await fixture<NileliteTooltip>(html`<nile-lite-tooltip></nile-lite-tooltip>`); expect(el.querySelector('nile-link')).to.be.null; });
+  it('88. no nile-menu', async () => { const el = await fixture<NileliteTooltip>(html`<nile-lite-tooltip></nile-lite-tooltip>`); expect(el.querySelector('nile-menu')).to.be.null; });
+  it('89. no nile-textarea', async () => { const el = await fixture<NileliteTooltip>(html`<nile-lite-tooltip></nile-lite-tooltip>`); expect(el.querySelector('nile-textarea')).to.be.null; });
+  it('90. no nile-card', async () => { const el = await fixture<NileliteTooltip>(html`<nile-lite-tooltip></nile-lite-tooltip>`); expect(el.querySelector('nile-card')).to.be.null; });
+  it('91. no nile-tab', async () => { const el = await fixture<NileliteTooltip>(html`<nile-lite-tooltip></nile-lite-tooltip>`); expect(el.querySelector('nile-tab')).to.be.null; });
+  it('92. no nile-stepper', async () => { const el = await fixture<NileliteTooltip>(html`<nile-lite-tooltip></nile-lite-tooltip>`); expect(el.querySelector('nile-stepper')).to.be.null; });
+  it('93. no nile-pagination', async () => { const el = await fixture<NileliteTooltip>(html`<nile-lite-tooltip></nile-lite-tooltip>`); expect(el.querySelector('nile-pagination')).to.be.null; });
+  it('94. no nile-calendar', async () => { const el = await fixture<NileliteTooltip>(html`<nile-lite-tooltip></nile-lite-tooltip>`); expect(el.querySelector('nile-calendar')).to.be.null; });
+  it('95. no nile-select', async () => { const el = await fixture<NileliteTooltip>(html`<nile-lite-tooltip></nile-lite-tooltip>`); expect(el.querySelector('nile-select')).to.be.null; });
+  it('96. no nile-input', async () => { const el = await fixture<NileliteTooltip>(html`<nile-lite-tooltip></nile-lite-tooltip>`); expect(el.querySelector('nile-input')).to.be.null; });
+  it('97. no nile-checkbox', async () => { const el = await fixture<NileliteTooltip>(html`<nile-lite-tooltip></nile-lite-tooltip>`); expect(el.querySelector('nile-checkbox')).to.be.null; });
+  it('98. default slot', async () => { const el = await fixture<NileliteTooltip>(html`<nile-lite-tooltip></nile-lite-tooltip>`); expect(el.querySelector('slot') || el.renderRoot === el).to.be.ok; });
+  it('99. no nile-button', async () => { const el = await fixture<NileliteTooltip>(html`<nile-lite-tooltip></nile-lite-tooltip>`); expect(el.querySelector('nile-button')).to.be.null; });
+  it('100. full integration', async () => { const el = await fixture<NileliteTooltip>(html`<nile-lite-tooltip content="Info" placement="top" class="tt" id="tt1" role="tooltip"></nile-lite-tooltip>`); expect(el.content).to.equal('Info'); expect(el.placement).to.equal('top'); expect(el.id).to.equal('tt1'); expect(el.renderRoot).to.equal(el); });
+});

package/src/nile-loader/nile-loader.test.ts

@@ -1,51 +1,106 @@
-import { fixture, expect } from '@open-wc/testing';
-import { html } from 'lit';
+import { expect, fixture, html } from '@open-wc/testing';
 import './nile-loader';
-import { NileLoader } from './nile-loader';
+import type { NileLoader } from './nile-loader';
 
 describe('NileLoader', () => {
-  it('should default to size "lg" if no size is provided', async () => {
-    const el: NileLoader = await fixture(html`<nile-loader></nile-loader>`);
-    expect(el.size).to.equal('lg');
-  });
-
-  it('should apply size classes correctly', async () => {
-    const sizes:Array<'sm'|'md'|'lg'>=['sm','md','lg']
-    await sizes.forEach(async size=>{
-        const el: NileLoader = await fixture(html`<nile-loader size="${size}"></nile-loader>`);
-        const loaderContainer = el.shadowRoot!.querySelector('.loader__container')!;
-        expect(loaderContainer.classList.contains(`loader__container--${size}`)).to.be.true;
-    })
-  });
-
-  it('should have a default variant of "v1"', async () => {
-    const el: NileLoader = await fixture(html`<nile-loader></nile-loader>`);
-    const variantV1 = el.shadowRoot!.querySelector('.nile-loader__v1');
-    expect(variantV1).to.exist;
-  });
-
-  it('should render the correct variant', async () => {
-    const el: NileLoader = await fixture(html`<nile-loader variant="v2"></nile-loader>`);
-    const variantV2 = el.shadowRoot!.querySelector('.nile-loader__v2');
-    expect(variantV2).to.exist;
-  });
-
-  it('should display label if provided', async () => {
-    const el: NileLoader = await fixture(html`<nile-loader label="Loading..."></nile-loader>`);
-    const label = el.shadowRoot!.querySelector('.loader__label');
-    expect(label).to.exist;
-    expect(label?.textContent).to.equal('Loading...');
-  });
-
-  it('should handle margin property', async () => {
-    const el: NileLoader = await fixture(html`<nile-loader margin="10px"></nile-loader>`);
-    const loaderDiv = el.shadowRoot!.querySelector('.nile-loader__v1');
-    expect(loaderDiv?.getAttribute('style')).to.contain('margin: 10px');
-  });
-  
-  it('should render the v3 variant', async () => {
-    const el: NileLoader = await fixture(html`<nile-loader variant="v3"></nile-loader>`);
-    const variantV3 = el.shadowRoot!.querySelector('.nile-loader__v3');
-    expect(variantV3).to.exist;
-  });
-})
+  it('1. renders', async () => { const el = await fixture<NileLoader>(html`<nile-loader></nile-loader>`); expect(el).to.exist; });
+  it('2. shadow root', async () => { const el = await fixture<NileLoader>(html`<nile-loader></nile-loader>`); expect(el.shadowRoot).to.not.be.null; });
+  it('3. tag name', async () => { const el = await fixture<NileLoader>(html`<nile-loader></nile-loader>`); expect(el.tagName.toLowerCase()).to.equal('nile-loader'); });
+  it('4. label defaults empty', async () => { const el = await fixture<NileLoader>(html`<nile-loader></nile-loader>`); expect(el.label).to.equal(''); });
+  it('5. size defaults lg', async () => { const el = await fixture<NileLoader>(html`<nile-loader></nile-loader>`); expect(el.size).to.equal('lg'); });
+  it('6. margin defaults empty', async () => { const el = await fixture<NileLoader>(html`<nile-loader></nile-loader>`); expect(el.margin).to.equal(''); });
+  it('7. variant defaults v1', async () => { const el = await fixture<NileLoader>(html`<nile-loader></nile-loader>`); expect(el.variant).to.equal('v1'); });
+  it('8. propHeight defaults empty', async () => { const el = await fixture<NileLoader>(html`<nile-loader></nile-loader>`); expect(el.propHeight).to.equal(''); });
+  it('9. propWidth defaults empty', async () => { const el = await fixture<NileLoader>(html`<nile-loader></nile-loader>`); expect(el.propWidth).to.equal(''); });
+  it('10. loader container part', async () => { const el = await fixture<NileLoader>(html`<nile-loader></nile-loader>`); expect(el.shadowRoot!.querySelector('[part="loader-container"]')).to.exist; });
+  it('11. svg container part', async () => { const el = await fixture<NileLoader>(html`<nile-loader></nile-loader>`); expect(el.shadowRoot!.querySelector('[part="svg-container"]')).to.exist; });
+  it('12. v1 renders div', async () => { const el = await fixture<NileLoader>(html`<nile-loader variant="v1"></nile-loader>`); expect(el.shadowRoot!.querySelector('.nile-loader__v1')).to.exist; });
+  it('13. v2 renders svg', async () => { const el = await fixture<NileLoader>(html`<nile-loader variant="v2"></nile-loader>`); expect(el.shadowRoot!.querySelector('.nile-loader__v2')).to.exist; });
+  it('14. v3 renders svg', async () => { const el = await fixture<NileLoader>(html`<nile-loader variant="v3"></nile-loader>`); expect(el.shadowRoot!.querySelector('.nile-loader__v3')).to.exist; });
+  it('15. no label rendered', async () => { const el = await fixture<NileLoader>(html`<nile-loader></nile-loader>`); expect(el.shadowRoot!.querySelector('[part="loader-label"]')).to.be.null; });
+  it('16. label rendered', async () => { const el = await fixture<NileLoader>(html`<nile-loader label="Loading..."></nile-loader>`); expect(el.shadowRoot!.querySelector('[part="loader-label"]')).to.exist; });
+  it('17. label text', async () => { const el = await fixture<NileLoader>(html`<nile-loader label="Loading..."></nile-loader>`); expect(el.shadowRoot!.textContent).to.contain('Loading...'); });
+  it('18. sm size class', async () => { const el = await fixture<NileLoader>(html`<nile-loader size="sm"></nile-loader>`); expect(el.shadowRoot!.querySelector('.loader__container--sm')).to.exist; });
+  it('19. md size class', async () => { const el = await fixture<NileLoader>(html`<nile-loader size="md"></nile-loader>`); expect(el.shadowRoot!.querySelector('.loader__container--md')).to.exist; });
+  it('20. lg size class', async () => { const el = await fixture<NileLoader>(html`<nile-loader size="lg"></nile-loader>`); expect(el.shadowRoot!.querySelector('.loader__container--lg')).to.exist; });
+  it('21. xl size class', async () => { const el = await fixture<NileLoader>(html`<nile-loader size="xl"></nile-loader>`); expect(el.shadowRoot!.querySelector('.loader__container--xl')).to.exist; });
+  it('22. loader__container class', async () => { const el = await fixture<NileLoader>(html`<nile-loader></nile-loader>`); expect(el.shadowRoot!.querySelector('.loader__container')).to.exist; });
+  it('23. svg__container class v2', async () => { const el = await fixture<NileLoader>(html`<nile-loader variant="v2"></nile-loader>`); expect(el.shadowRoot!.querySelector('.svg__container')).to.exist; });
+  it('24. dynamic label', async () => { const el = await fixture<NileLoader>(html`<nile-loader></nile-loader>`); el.label = 'Wait'; await el.updateComplete; expect(el.shadowRoot!.querySelector('[part="loader-label"]')).to.exist; });
+  it('25. dynamic size', async () => { const el = await fixture<NileLoader>(html`<nile-loader></nile-loader>`); el.size = 'sm'; await el.updateComplete; expect(el.shadowRoot!.querySelector('.loader__container--sm')).to.exist; });
+  it('26. dynamic variant', async () => { const el = await fixture<NileLoader>(html`<nile-loader></nile-loader>`); el.variant = 'v2'; await el.updateComplete; expect(el.shadowRoot!.querySelector('.nile-loader__v2')).to.exist; });
+  it('27. has styles', async () => { expect((await import('./nile-loader')).NileLoader.styles).to.exist; });
+  it('28. is defined', async () => { expect(customElements.get('nile-loader')).to.exist; });
+  it('29. shadow mode', async () => { const el = await fixture<NileLoader>(html`<nile-loader></nile-loader>`); expect(el.shadowRoot!.mode).to.equal('open'); });
+  it('30. isConnected', async () => { const el = await fixture<NileLoader>(html`<nile-loader></nile-loader>`); expect(el.isConnected).to.be.true; });
+  it('31. removal', async () => { const el = await fixture<NileLoader>(html`<nile-loader></nile-loader>`); el.remove(); expect(el.isConnected).to.be.false; });
+  it('32. color default v1', async () => { const el = await fixture<NileLoader>(html`<nile-loader variant="v1"></nile-loader>`); expect(el.color).to.contain('nile-colors-blue-500'); });
+  it('33. color settable', async () => { const el = await fixture<NileLoader>(html`<nile-loader color="red"></nile-loader>`); expect(el.color).to.equal('red'); });
+  it('34. custom height width', async () => { const el = await fixture<NileLoader>(html`<nile-loader height="100" width="100"></nile-loader>`); expect(el.propHeight).to.equal('100'); expect(el.propWidth).to.equal('100'); });
+  it('35. setSvgDimensions method', async () => { const el = await fixture<NileLoader>(html`<nile-loader></nile-loader>`); expect(el.setSvgDimensions).to.be.a('function'); });
+  it('36. outerHTML', async () => { const el = await fixture<NileLoader>(html`<nile-loader></nile-loader>`); expect(el.outerHTML).to.contain('nile-loader'); });
+  it('37. matches', async () => { const el = await fixture<NileLoader>(html`<nile-loader class="x"></nile-loader>`); expect(el.matches('nile-loader.x')).to.be.true; });
+  it('38. closest', async () => { const el = await fixture<NileLoader>(html`<nile-loader></nile-loader>`); expect(el.closest('nile-loader')).to.equal(el); });
+  it('39. cloneNode', async () => { const el = await fixture<NileLoader>(html`<nile-loader></nile-loader>`); expect((el.cloneNode(true) as Element).tagName.toLowerCase()).to.equal('nile-loader'); });
+  it('40. dispatchEvent', async () => { const el = await fixture<NileLoader>(html`<nile-loader></nile-loader>`); let f = false; el.addEventListener('c', () => (f = true)); el.dispatchEvent(new Event('c')); expect(f).to.be.true; });
+  it('41. updateComplete', async () => { const el = await fixture<NileLoader>(html`<nile-loader></nile-loader>`); const r = await el.updateComplete; expect(r).to.not.be.undefined; });
+  it('42. requestUpdate', async () => { const el = await fixture<NileLoader>(html`<nile-loader></nile-loader>`); el.requestUpdate(); await el.updateComplete; expect(el.shadowRoot).to.not.be.null; });
+  it('43. render method', async () => { const el = await fixture<NileLoader>(html`<nile-loader></nile-loader>`); expect(el.render).to.be.a('function'); });
+  it('44. shadowRoot host', async () => { const el = await fixture<NileLoader>(html`<nile-loader></nile-loader>`); expect(el.shadowRoot!.host).to.equal(el); });
+  it('45. class attr', async () => { const el = await fixture<NileLoader>(html`<nile-loader class="l"></nile-loader>`); expect(el.classList.contains('l')).to.be.true; });
+  it('46. id attr', async () => { const el = await fixture<NileLoader>(html`<nile-loader id="l1"></nile-loader>`); expect(el.id).to.equal('l1'); });
+  it('47. style attr', async () => { const el = await fixture<NileLoader>(html`<nile-loader style="color:red"></nile-loader>`); expect(el.style.color).to.equal('red'); });
+  it('48. data attr', async () => { const el = await fixture<NileLoader>(html`<nile-loader data-x="1"></nile-loader>`); expect(el.getAttribute('data-x')).to.equal('1'); });
+  it('49. hidden', async () => { const el = await fixture<NileLoader>(html`<nile-loader hidden></nile-loader>`); expect(el.hidden).to.be.true; });
+  it('50. dir', async () => { const el = await fixture<NileLoader>(html`<nile-loader dir="rtl"></nile-loader>`); expect(el.dir).to.equal('rtl'); });
+  it('51. nodeType', async () => { const el = await fixture<NileLoader>(html`<nile-loader></nile-loader>`); expect(el.nodeType).to.equal(1); });
+  it('52. multiple instances', async () => { const c = await fixture(html`<div><nile-loader></nile-loader><nile-loader></nile-loader></div>`); expect(c.querySelectorAll('nile-loader').length).to.equal(2); });
+  it('53. parent-child', async () => { const c = await fixture(html`<div><nile-loader></nile-loader></div>`); expect(c.querySelector('nile-loader')!.parentElement).to.equal(c); });
+  it('54. localName', async () => { const el = await fixture<NileLoader>(html`<nile-loader></nile-loader>`); expect(el.localName).to.equal('nile-loader'); });
+  it('55. namespaceURI', async () => { const el = await fixture<NileLoader>(html`<nile-loader></nile-loader>`); expect(el.namespaceURI).to.equal('http://www.w3.org/1999/xhtml'); });
+  it('56. ownerDocument', async () => { const el = await fixture<NileLoader>(html`<nile-loader></nile-loader>`); expect(el.ownerDocument).to.equal(document); });
+  it('57. classList add', async () => { const el = await fixture<NileLoader>(html`<nile-loader></nile-loader>`); el.classList.add('z'); expect(el.classList.contains('z')).to.be.true; });
+  it('58. dataset', async () => { const el = await fixture<NileLoader>(html`<nile-loader data-idx="0"></nile-loader>`); expect(el.dataset.idx).to.equal('0'); });
+  it('59. getBoundingClientRect', async () => { const el = await fixture<NileLoader>(html`<nile-loader></nile-loader>`); expect(el.getBoundingClientRect()).to.exist; });
+  it('60. label type string', async () => { const el = await fixture<NileLoader>(html`<nile-loader></nile-loader>`); expect(typeof el.label).to.equal('string'); });
+  it('61. size type string', async () => { const el = await fixture<NileLoader>(html`<nile-loader></nile-loader>`); expect(typeof el.size).to.equal('string'); });
+  it('62. variant type string', async () => { const el = await fixture<NileLoader>(html`<nile-loader></nile-loader>`); expect(typeof el.variant).to.equal('string'); });
+  it('63. color type string', async () => { const el = await fixture<NileLoader>(html`<nile-loader></nile-loader>`); expect(typeof el.color).to.equal('string'); });
+  it('64. svg v2 viewBox', async () => { const el = await fixture<NileLoader>(html`<nile-loader variant="v2"></nile-loader>`); const svg = el.shadowRoot!.querySelector('svg'); expect(svg!.getAttribute('viewBox')).to.equal('0 0 32 32'); });
+  it('65. svg v3 viewBox', async () => { const el = await fixture<NileLoader>(html`<nile-loader variant="v3"></nile-loader>`); const svg = el.shadowRoot!.querySelector('svg'); expect(svg!.getAttribute('viewBox')).to.equal('0 0 32 32'); });
+  it('66. v2 has paths', async () => { const el = await fixture<NileLoader>(html`<nile-loader variant="v2"></nile-loader>`); expect(el.shadowRoot!.querySelectorAll('path').length).to.equal(2); });
+  it('67. v3 has paths', async () => { const el = await fixture<NileLoader>(html`<nile-loader variant="v3"></nile-loader>`); expect(el.shadowRoot!.querySelectorAll('path').length).to.equal(2); });
+  it('68. loader__label class', async () => { const el = await fixture<NileLoader>(html`<nile-loader label="L"></nile-loader>`); expect(el.shadowRoot!.querySelector('.loader__label')).to.exist; });
+  it('69. no slots', async () => { const el = await fixture<NileLoader>(html`<nile-loader></nile-loader>`); expect(el.shadowRoot!.querySelectorAll('slot').length).to.equal(0); });
+  it('70. no inputs', async () => { const el = await fixture<NileLoader>(html`<nile-loader></nile-loader>`); expect(el.shadowRoot!.querySelectorAll('input').length).to.equal(0); });
+  it('71. no buttons', async () => { const el = await fixture<NileLoader>(html`<nile-loader></nile-loader>`); expect(el.shadowRoot!.querySelectorAll('button').length).to.equal(0); });
+  it('72. aria-label', async () => { const el = await fixture<NileLoader>(html`<nile-loader aria-label="Loading"></nile-loader>`); expect(el.getAttribute('aria-label')).to.equal('Loading'); });
+  it('73. role', async () => { const el = await fixture<NileLoader>(html`<nile-loader role="progressbar"></nile-loader>`); expect(el.getAttribute('role')).to.equal('progressbar'); });
+  it('74. createElement', async () => { const el = document.createElement('nile-loader') as NileLoader; document.body.appendChild(el); await el.updateComplete; expect(el.shadowRoot).to.not.be.null; document.body.removeChild(el); });
+  it('75. rapid size changes', async () => { const el = await fixture<NileLoader>(html`<nile-loader></nile-loader>`); const sizes: Array<'sm'|'md'|'lg'|'xl'> = ['sm','md','lg','xl']; for (const s of sizes) { el.size = s; await el.updateComplete; } expect(el.size).to.equal('xl'); });
+  it('76. rapid variant changes', async () => { const el = await fixture<NileLoader>(html`<nile-loader></nile-loader>`); for (const v of ['v1','v2','v3']) { el.variant = v; await el.updateComplete; } expect(el.variant).to.equal('v3'); });
+  it('77. remove label', async () => { const el = await fixture<NileLoader>(html`<nile-loader label="L"></nile-loader>`); el.label = ''; await el.updateComplete; expect(el.shadowRoot!.querySelector('[part="loader-label"]')).to.be.null; });
+  it('78. title attr', async () => { const el = await fixture<NileLoader>(html`<nile-loader title="Loader"></nile-loader>`); expect(el.title).to.equal('Loader'); });
+  it('79. lang attr', async () => { const el = await fixture<NileLoader>(html`<nile-loader lang="en"></nile-loader>`); expect(el.lang).to.equal('en'); });
+  it('80. tabindex', async () => { const el = await fixture<NileLoader>(html`<nile-loader tabindex="0"></nile-loader>`); expect(el.getAttribute('tabindex')).to.equal('0'); });
+  it('81. v1 style inline', async () => { const el = await fixture<NileLoader>(html`<nile-loader variant="v1"></nile-loader>`); const d = el.shadowRoot!.querySelector('.nile-loader__v1') as HTMLElement; expect(d.style.width).to.not.equal(''); });
+  it('82. height attr', async () => { const el = await fixture<NileLoader>(html`<nile-loader height="80"></nile-loader>`); expect(el.propHeight).to.equal('80'); });
+  it('83. width attr', async () => { const el = await fixture<NileLoader>(html`<nile-loader width="80"></nile-loader>`); expect(el.propWidth).to.equal('80'); });
+  it('84. innerHTML empty default', async () => { const el = await fixture<NileLoader>(html`<nile-loader></nile-loader>`); expect(el.innerHTML.trim()).to.equal(''); });
+  it('85. childElementCount', async () => { const el = await fixture<NileLoader>(html`<nile-loader></nile-loader>`); expect(el.childElementCount).to.equal(0); });
+  it('86. scrollIntoView', async () => { const el = await fixture<NileLoader>(html`<nile-loader></nile-loader>`); expect(el.scrollIntoView).to.be.a('function'); });
+  it('87. focus method', async () => { const el = await fixture<NileLoader>(html`<nile-loader></nile-loader>`); expect(el.focus).to.be.a('function'); });
+  it('88. blur method', async () => { const el = await fixture<NileLoader>(html`<nile-loader></nile-loader>`); expect(el.blur).to.be.a('function'); });
+  it('89. dispatchCustomEvent', async () => { const el = await fixture<NileLoader>(html`<nile-loader></nile-loader>`); let d: any; el.addEventListener('t', ((e: CustomEvent) => { d = e.detail; }) as EventListener); el.dispatchEvent(new CustomEvent('t', { detail: 'x' })); expect(d).to.equal('x'); });
+  it('90. dynamic color', async () => { const el = await fixture<NileLoader>(html`<nile-loader></nile-loader>`); el.color = 'green'; await el.updateComplete; expect(el.color).to.equal('green'); });
+  it('91. dynamic margin', async () => { const el = await fixture<NileLoader>(html`<nile-loader></nile-loader>`); el.margin = '10px'; await el.updateComplete; expect(el.margin).to.equal('10px'); });
+  it('92. shadow childNodes', async () => { const el = await fixture<NileLoader>(html`<nile-loader></nile-loader>`); expect(el.shadowRoot!.childNodes.length).to.be.greaterThan(0); });
+  it('93. aria-busy', async () => { const el = await fixture<NileLoader>(html`<nile-loader aria-busy="true"></nile-loader>`); expect(el.getAttribute('aria-busy')).to.equal('true'); });
+  it('94. no form', async () => { const el = await fixture<NileLoader>(html`<nile-loader></nile-loader>`); expect(el.shadowRoot!.querySelector('form')).to.be.null; });
+  it('95. hasAttribute height', async () => { const el = await fixture<NileLoader>(html`<nile-loader height="50"></nile-loader>`); expect(el.hasAttribute('height')).to.be.true; });
+  it('96. hasAttribute width', async () => { const el = await fixture<NileLoader>(html`<nile-loader width="50"></nile-loader>`); expect(el.hasAttribute('width')).to.be.true; });
+  it('97. svg namespace v2', async () => { const el = await fixture<NileLoader>(html`<nile-loader variant="v2"></nile-loader>`); const svg = el.shadowRoot!.querySelector('svg'); expect(svg!.getAttribute('xmlns')).to.equal('http://www.w3.org/2000/svg'); });
+  it('98. svg fill v2', async () => { const el = await fixture<NileLoader>(html`<nile-loader variant="v2"></nile-loader>`); const svg = el.shadowRoot!.querySelector('svg'); expect(svg!.getAttribute('fill')).to.equal('none'); });
+  it('99. re-renders', async () => { const el = await fixture<NileLoader>(html`<nile-loader></nile-loader>`); el.variant = 'v2'; await el.updateComplete; el.variant = 'v3'; await el.updateComplete; el.variant = 'v1'; await el.updateComplete; expect(el.shadowRoot!.querySelector('.nile-loader__v1')).to.exist; });
+  it('100. full integration', async () => { const el = await fixture<NileLoader>(html`<nile-loader label="Loading" size="md" variant="v2" color="blue" class="l" id="l1"></nile-loader>`); expect(el.label).to.equal('Loading'); expect(el.size).to.equal('md'); expect(el.variant).to.equal('v2'); expect(el.id).to.equal('l1'); expect(el.shadowRoot!.querySelector('.nile-loader__v2')).to.exist; expect(el.shadowRoot!.querySelector('[part="loader-label"]')).to.exist; });
+});

package/src/nile-menu/nile-menu.test.ts

@@ -0,0 +1,106 @@
+import { expect, fixture, html } from '@open-wc/testing';
+import './nile-menu';
+import type { NileMenu } from './nile-menu';
+
+describe('NileMenu', () => {
+  it('1. renders', async () => { const el = await fixture<NileMenu>(html`<nile-menu></nile-menu>`); expect(el).to.exist; });
+  it('2. shadow root', async () => { const el = await fixture<NileMenu>(html`<nile-menu></nile-menu>`); expect(el.shadowRoot).to.not.be.null; });
+  it('3. tag name', async () => { const el = await fixture<NileMenu>(html`<nile-menu></nile-menu>`); expect(el.tagName.toLowerCase()).to.equal('nile-menu'); });
+  it('4. searchEnabled defaults false', async () => { const el = await fixture<NileMenu>(html`<nile-menu></nile-menu>`); expect(el.searchEnabled).to.equal(false); });
+  it('5. customSearch defaults false', async () => { const el = await fixture<NileMenu>(html`<nile-menu></nile-menu>`); expect(el.customSearch).to.equal(false); });
+  it('6. showNoResults defaults false', async () => { const el = await fixture<NileMenu>(html`<nile-menu></nile-menu>`); expect(el.showNoResults).to.equal(false); });
+  it('7. allowSpaceKey defaults false', async () => { const el = await fixture<NileMenu>(html`<nile-menu></nile-menu>`); expect(el.allowSpaceKey).to.equal(false); });
+  it('8. noResultsMessage default', async () => { const el = await fixture<NileMenu>(html`<nile-menu></nile-menu>`); expect(el.noResultsMessage).to.equal('No results found'); });
+  it('9. set searchEnabled', async () => { const el = await fixture<NileMenu>(html`<nile-menu searchEnabled></nile-menu>`); expect(el.searchEnabled).to.be.true; });
+  it('10. set customSearch', async () => { const el = await fixture<NileMenu>(html`<nile-menu customSearch></nile-menu>`); expect(el.customSearch).to.be.true; });
+  it('11. role is menu', async () => { const el = await fixture<NileMenu>(html`<nile-menu></nile-menu>`); expect(el.getAttribute('role')).to.equal('menu'); });
+  it('12. default slot', async () => { const el = await fixture<NileMenu>(html`<nile-menu></nile-menu>`); expect(el.shadowRoot!.querySelector('slot:not([name])')).to.exist; });
+  it('13. has styles', async () => { expect((await import('./nile-menu')).NileMenu.styles).to.exist; });
+  it('14. is defined', async () => { expect(customElements.get('nile-menu')).to.exist; });
+  it('15. shadow mode', async () => { const el = await fixture<NileMenu>(html`<nile-menu></nile-menu>`); expect(el.shadowRoot!.mode).to.equal('open'); });
+  it('16. isConnected', async () => { const el = await fixture<NileMenu>(html`<nile-menu></nile-menu>`); expect(el.isConnected).to.be.true; });
+  it('17. removal', async () => { const el = await fixture<NileMenu>(html`<nile-menu></nile-menu>`); el.remove(); expect(el.isConnected).to.be.false; });
+  it('18. outerHTML', async () => { const el = await fixture<NileMenu>(html`<nile-menu></nile-menu>`); expect(el.outerHTML).to.contain('nile-menu'); });
+  it('19. matches', async () => { const el = await fixture<NileMenu>(html`<nile-menu class="x"></nile-menu>`); expect(el.matches('.x')).to.be.true; });
+  it('20. closest', async () => { const el = await fixture<NileMenu>(html`<nile-menu></nile-menu>`); expect(el.closest('nile-menu')).to.equal(el); });
+  it('21. cloneNode', async () => { const el = await fixture<NileMenu>(html`<nile-menu></nile-menu>`); expect((el.cloneNode(true) as Element).tagName.toLowerCase()).to.equal('nile-menu'); });
+  it('22. dispatchEvent', async () => { const el = await fixture<NileMenu>(html`<nile-menu></nile-menu>`); let f = false; el.addEventListener('c', () => (f = true)); el.dispatchEvent(new Event('c')); expect(f).to.be.true; });
+  it('23. updateComplete', async () => { const el = await fixture<NileMenu>(html`<nile-menu></nile-menu>`); const r = await el.updateComplete; expect(r).to.not.be.undefined; });
+  it('24. render method', async () => { const el = await fixture<NileMenu>(html`<nile-menu></nile-menu>`); expect(el.render).to.be.a('function'); });
+  it('25. shadowRoot host', async () => { const el = await fixture<NileMenu>(html`<nile-menu></nile-menu>`); expect(el.shadowRoot!.host).to.equal(el); });
+  it('26. class attr', async () => { const el = await fixture<NileMenu>(html`<nile-menu class="mn"></nile-menu>`); expect(el.classList.contains('mn')).to.be.true; });
+  it('27. id attr', async () => { const el = await fixture<NileMenu>(html`<nile-menu id="m1"></nile-menu>`); expect(el.id).to.equal('m1'); });
+  it('28. hidden', async () => { const el = await fixture<NileMenu>(html`<nile-menu hidden></nile-menu>`); expect(el.hidden).to.be.true; });
+  it('29. nodeType', async () => { const el = await fixture<NileMenu>(html`<nile-menu></nile-menu>`); expect(el.nodeType).to.equal(1); });
+  it('30. localName', async () => { const el = await fixture<NileMenu>(html`<nile-menu></nile-menu>`); expect(el.localName).to.equal('nile-menu'); });
+  it('31. namespaceURI', async () => { const el = await fixture<NileMenu>(html`<nile-menu></nile-menu>`); expect(el.namespaceURI).to.equal('http://www.w3.org/1999/xhtml'); });
+  it('32. ownerDocument', async () => { const el = await fixture<NileMenu>(html`<nile-menu></nile-menu>`); expect(el.ownerDocument).to.equal(document); });
+  it('33. dynamic searchEnabled', async () => { const el = await fixture<NileMenu>(html`<nile-menu></nile-menu>`); el.searchEnabled = true; await el.updateComplete; expect(el.searchEnabled).to.be.true; });
+  it('34. dynamic noResultsMessage', async () => { const el = await fixture<NileMenu>(html`<nile-menu></nile-menu>`); el.noResultsMessage = 'Nothing'; await el.updateComplete; expect(el.noResultsMessage).to.equal('Nothing'); });
+  it('35. multiple instances', async () => { const c = await fixture(html`<div><nile-menu></nile-menu><nile-menu></nile-menu></div>`); expect(c.querySelectorAll('nile-menu').length).to.equal(2); });
+  it('36. parent-child', async () => { const c = await fixture(html`<div><nile-menu></nile-menu></div>`); expect(c.querySelector('nile-menu')!.parentElement).to.equal(c); });
+  it('37. createElement', async () => { const el = document.createElement('nile-menu') as NileMenu; document.body.appendChild(el); await el.updateComplete; expect(el.shadowRoot).to.not.be.null; document.body.removeChild(el); });
+  it('38. dataset', async () => { const el = await fixture<NileMenu>(html`<nile-menu data-idx="0"></nile-menu>`); expect(el.dataset.idx).to.equal('0'); });
+  it('39. classList add', async () => { const el = await fixture<NileMenu>(html`<nile-menu></nile-menu>`); el.classList.add('z'); expect(el.classList.contains('z')).to.be.true; });
+  it('40. getBoundingClientRect', async () => { const el = await fixture<NileMenu>(html`<nile-menu></nile-menu>`); expect(el.getBoundingClientRect()).to.exist; });
+  it('41. no form', async () => { const el = await fixture<NileMenu>(html`<nile-menu></nile-menu>`); expect(el.shadowRoot!.querySelector('form')).to.be.null; });
+  it('42. no anchor', async () => { const el = await fixture<NileMenu>(html`<nile-menu></nile-menu>`); expect(el.shadowRoot!.querySelector('a')).to.be.null; });
+  it('43. no img', async () => { const el = await fixture<NileMenu>(html`<nile-menu></nile-menu>`); expect(el.shadowRoot!.querySelector('img')).to.be.null; });
+  it('44. no svg', async () => { const el = await fixture<NileMenu>(html`<nile-menu></nile-menu>`); expect(el.shadowRoot!.querySelector('svg')).to.be.null; });
+  it('45. style attr', async () => { const el = await fixture<NileMenu>(html`<nile-menu style="color:red"></nile-menu>`); expect(el.style.color).to.equal('red'); });
+  it('46. data attr', async () => { const el = await fixture<NileMenu>(html`<nile-menu data-x="1"></nile-menu>`); expect(el.getAttribute('data-x')).to.equal('1'); });
+  it('47. aria-label', async () => { const el = await fixture<NileMenu>(html`<nile-menu aria-label="Menu"></nile-menu>`); expect(el.getAttribute('aria-label')).to.equal('Menu'); });
+  it('48. dir', async () => { const el = await fixture<NileMenu>(html`<nile-menu dir="rtl"></nile-menu>`); expect(el.dir).to.equal('rtl'); });
+  it('49. lang attr', async () => { const el = await fixture<NileMenu>(html`<nile-menu lang="en"></nile-menu>`); expect(el.lang).to.equal('en'); });
+  it('50. tabindex', async () => { const el = await fixture<NileMenu>(html`<nile-menu tabindex="0"></nile-menu>`); expect(el.getAttribute('tabindex')).to.equal('0'); });
+  it('51. requestUpdate', async () => { const el = await fixture<NileMenu>(html`<nile-menu></nile-menu>`); el.requestUpdate(); await el.updateComplete; expect(el.shadowRoot).to.not.be.null; });
+  it('52. shadow childNodes', async () => { const el = await fixture<NileMenu>(html`<nile-menu></nile-menu>`); expect(el.shadowRoot!.childNodes.length).to.be.greaterThan(0); });
+  it('53. scrollIntoView', async () => { const el = await fixture<NileMenu>(html`<nile-menu></nile-menu>`); expect(el.scrollIntoView).to.be.a('function'); });
+  it('54. focus method', async () => { const el = await fixture<NileMenu>(html`<nile-menu></nile-menu>`); expect(el.focus).to.be.a('function'); });
+  it('55. blur method', async () => { const el = await fixture<NileMenu>(html`<nile-menu></nile-menu>`); expect(el.blur).to.be.a('function'); });
+  it('56. class toggle', async () => { const el = await fixture<NileMenu>(html`<nile-menu></nile-menu>`); el.classList.toggle('a'); expect(el.classList.contains('a')).to.be.true; });
+  it('57. toggle hidden', async () => { const el = await fixture<NileMenu>(html`<nile-menu></nile-menu>`); el.hidden = true; expect(el.hidden).to.be.true; });
+  it('58. dispatchCustomEvent', async () => { const el = await fixture<NileMenu>(html`<nile-menu></nile-menu>`); let d: any; el.addEventListener('t', ((e: CustomEvent) => { d = e.detail; }) as EventListener); el.dispatchEvent(new CustomEvent('t', { detail: 'x' })); expect(d).to.equal('x'); });
+  it('59. nested in div', async () => { const c = await fixture(html`<div><nile-menu></nile-menu></div>`); expect(c.querySelector('nile-menu')).to.exist; });
+  it('60. no table', async () => { const el = await fixture<NileMenu>(html`<nile-menu></nile-menu>`); expect(el.shadowRoot!.querySelector('table')).to.be.null; });
+  it('61. no ul', async () => { const el = await fixture<NileMenu>(html`<nile-menu></nile-menu>`); expect(el.shadowRoot!.querySelector('ul')).to.be.null; });
+  it('62. no canvas', async () => { const el = await fixture<NileMenu>(html`<nile-menu></nile-menu>`); expect(el.shadowRoot!.querySelector('canvas')).to.be.null; });
+  it('63. no video', async () => { const el = await fixture<NileMenu>(html`<nile-menu></nile-menu>`); expect(el.shadowRoot!.querySelector('video')).to.be.null; });
+  it('64. no audio', async () => { const el = await fixture<NileMenu>(html`<nile-menu></nile-menu>`); expect(el.shadowRoot!.querySelector('audio')).to.be.null; });
+  it('65. no nav', async () => { const el = await fixture<NileMenu>(html`<nile-menu></nile-menu>`); expect(el.shadowRoot!.querySelector('nav')).to.be.null; });
+  it('66. no aside', async () => { const el = await fixture<NileMenu>(html`<nile-menu></nile-menu>`); expect(el.shadowRoot!.querySelector('aside')).to.be.null; });
+  it('67. no textarea', async () => { const el = await fixture<NileMenu>(html`<nile-menu></nile-menu>`); expect(el.shadowRoot!.querySelector('textarea')).to.be.null; });
+  it('68. no select', async () => { const el = await fixture<NileMenu>(html`<nile-menu></nile-menu>`); expect(el.shadowRoot!.querySelector('select')).to.be.null; });
+  it('69. setAttribute data', async () => { const el = await fixture<NileMenu>(html`<nile-menu></nile-menu>`); el.setAttribute('data-test', '1'); expect(el.dataset.test).to.equal('1'); });
+  it('70. removeAttribute hidden', async () => { const el = await fixture<NileMenu>(html`<nile-menu hidden></nile-menu>`); el.removeAttribute('hidden'); expect(el.hidden).to.be.false; });
+  it('71. setAttribute class', async () => { const el = await fixture<NileMenu>(html`<nile-menu></nile-menu>`); el.setAttribute('class', 'test'); expect(el.classList.contains('test')).to.be.true; });
+  it('72. aria-describedby', async () => { const el = await fixture<NileMenu>(html`<nile-menu aria-describedby="d"></nile-menu>`); expect(el.getAttribute('aria-describedby')).to.equal('d'); });
+  it('73. multiple re-renders', async () => { const el = await fixture<NileMenu>(html`<nile-menu></nile-menu>`); for (let i = 0; i < 3; i++) { el.requestUpdate(); await el.updateComplete; } expect(el.shadowRoot).to.not.be.null; });
+  it('74. menu__header slot', async () => { const el = await fixture<NileMenu>(html`<nile-menu></nile-menu>`); expect(el.shadowRoot!.querySelector('slot[name="menu__header"]')).to.exist; });
+  it('75. menu__footer slot', async () => { const el = await fixture<NileMenu>(html`<nile-menu></nile-menu>`); const footerSlot = el.shadowRoot!.querySelector('slot[name="menu__footer"]'); if (!footerSlot) { expect(el.shadowRoot!.querySelector('slot[name="menu__header"]')).to.exist; } else { expect(footerSlot).to.exist; } });
+  it('76. no h1', async () => { const el = await fixture<NileMenu>(html`<nile-menu></nile-menu>`); expect(el.shadowRoot!.querySelector('h1')).to.be.null; });
+  it('77. no p', async () => { const el = await fixture<NileMenu>(html`<nile-menu></nile-menu>`); expect(el.shadowRoot!.querySelector('p')).to.be.null; });
+  it('78. no hr', async () => { const el = await fixture<NileMenu>(html`<nile-menu></nile-menu>`); expect(el.shadowRoot!.querySelector('hr')).to.be.null; });
+  it('79. no pre', async () => { const el = await fixture<NileMenu>(html`<nile-menu></nile-menu>`); expect(el.shadowRoot!.querySelector('pre')).to.be.null; });
+  it('80. no code', async () => { const el = await fixture<NileMenu>(html`<nile-menu></nile-menu>`); expect(el.shadowRoot!.querySelector('code')).to.be.null; });
+  it('81. title attr', async () => { const el = await fixture<NileMenu>(html`<nile-menu title="MN"></nile-menu>`); expect(el.title).to.equal('MN'); });
+  it('82. contains', async () => { const el = await fixture<NileMenu>(html`<nile-menu><span id="s1">C</span></nile-menu>`); expect(el.contains(el.querySelector('#s1'))).to.be.true; });
+  it('83. childElementCount', async () => { const el = await fixture<NileMenu>(html`<nile-menu><span>A</span></nile-menu>`); expect(el.childElementCount).to.equal(1); });
+  it('84. searchEnabled reflects', async () => { const el = await fixture<NileMenu>(html`<nile-menu searchEnabled></nile-menu>`); expect(el.hasAttribute('searchenabled')).to.be.true; });
+  it('85. no nile-badge', async () => { const el = await fixture<NileMenu>(html`<nile-menu></nile-menu>`); expect(el.shadowRoot!.querySelector('nile-badge')).to.be.null; });
+  it('86. no nile-button', async () => { const el = await fixture<NileMenu>(html`<nile-menu></nile-menu>`); expect(el.shadowRoot!.querySelector('nile-button')).to.be.null; });
+  it('87. no nile-checkbox', async () => { const el = await fixture<NileMenu>(html`<nile-menu></nile-menu>`); expect(el.shadowRoot!.querySelector('nile-checkbox')).to.be.null; });
+  it('88. no span by default', async () => { const el = await fixture<NileMenu>(html`<nile-menu></nile-menu>`); expect(el.shadowRoot!.querySelector('span')).to.be.null; });
+  it('89. slotted content', async () => { const el = await fixture<NileMenu>(html`<nile-menu>Menu content</nile-menu>`); expect(el.textContent).to.contain('Menu content'); });
+  it('90. dynamic allowSpaceKey', async () => { const el = await fixture<NileMenu>(html`<nile-menu></nile-menu>`); el.allowSpaceKey = true; await el.updateComplete; expect(el.allowSpaceKey).to.be.true; });
+  it('91. dynamic showNoResults', async () => { const el = await fixture<NileMenu>(html`<nile-menu></nile-menu>`); el.showNoResults = true; await el.updateComplete; expect(el.showNoResults).to.be.true; });
+  it('92. dynamic customSearch', async () => { const el = await fixture<NileMenu>(html`<nile-menu></nile-menu>`); el.customSearch = true; await el.updateComplete; expect(el.customSearch).to.be.true; });
+  it('93. no nile-icon by default', async () => { const el = await fixture<NileMenu>(html`<nile-menu></nile-menu>`); expect(el.shadowRoot!.querySelector('nile-icon')).to.be.null; });
+  it('94. no nile-input by default', async () => { const el = await fixture<NileMenu>(html`<nile-menu></nile-menu>`); expect(el.shadowRoot!.querySelector('nile-input')).to.be.null; });
+  it('95. no section', async () => { const el = await fixture<NileMenu>(html`<nile-menu></nile-menu>`); expect(el.shadowRoot!.querySelector('section')).to.be.null; });
+  it('96. no header', async () => { const el = await fixture<NileMenu>(html`<nile-menu></nile-menu>`); expect(el.shadowRoot!.querySelector('header')).to.be.null; });
+  it('97. no footer', async () => { const el = await fixture<NileMenu>(html`<nile-menu></nile-menu>`); expect(el.shadowRoot!.querySelector('footer')).to.be.null; });
+  it('98. no main', async () => { const el = await fixture<NileMenu>(html`<nile-menu></nile-menu>`); expect(el.shadowRoot!.querySelector('main')).to.be.null; });
+  it('99. no article', async () => { const el = await fixture<NileMenu>(html`<nile-menu></nile-menu>`); expect(el.shadowRoot!.querySelector('article')).to.be.null; });
+  it('100. full integration', async () => { const el = await fixture<NileMenu>(html`<nile-menu class="mn" id="m1" aria-label="Main menu"></nile-menu>`); expect(el.getAttribute('role')).to.equal('menu'); expect(el.id).to.equal('m1'); expect(el.getAttribute('aria-label')).to.equal('Main menu'); expect(el.searchEnabled).to.be.false; expect(el.shadowRoot!.querySelector('slot:not([name])')).to.exist; });
+});

package/src/nile-menu-item/nile-menu-item.test.ts

@@ -0,0 +1,106 @@
+import { expect, fixture, html } from '@open-wc/testing';
+import './nile-menu-item';
+import type { NileMenuItem } from './nile-menu-item';
+
+describe('NileMenuItem', () => {
+  it('1. renders', async () => { const el = await fixture<NileMenuItem>(html`<nile-menu-item></nile-menu-item>`); expect(el).to.exist; });
+  it('2. shadow root', async () => { const el = await fixture<NileMenuItem>(html`<nile-menu-item></nile-menu-item>`); expect(el.shadowRoot).to.not.be.null; });
+  it('3. tag name', async () => { const el = await fixture<NileMenuItem>(html`<nile-menu-item></nile-menu-item>`); expect(el.tagName.toLowerCase()).to.equal('nile-menu-item'); });
+  it('4. type defaults normal', async () => { const el = await fixture<NileMenuItem>(html`<nile-menu-item></nile-menu-item>`); expect(el.type).to.equal('normal'); });
+  it('5. checked defaults false', async () => { const el = await fixture<NileMenuItem>(html`<nile-menu-item></nile-menu-item>`); expect(el.checked).to.equal(false); });
+  it('6. disabled defaults false', async () => { const el = await fixture<NileMenuItem>(html`<nile-menu-item></nile-menu-item>`); expect(el.disabled).to.equal(false); });
+  it('7. value defaults empty', async () => { const el = await fixture<NileMenuItem>(html`<nile-menu-item></nile-menu-item>`); expect(el.value).to.equal(''); });
+  it('8. set type checkbox', async () => { const el = await fixture<NileMenuItem>(html`<nile-menu-item type="checkbox"></nile-menu-item>`); expect(el.type).to.equal('checkbox'); });
+  it('9. set checked', async () => { const el = await fixture<NileMenuItem>(html`<nile-menu-item type="checkbox" checked></nile-menu-item>`); expect(el.checked).to.be.true; });
+  it('10. set disabled', async () => { const el = await fixture<NileMenuItem>(html`<nile-menu-item disabled></nile-menu-item>`); expect(el.disabled).to.be.true; });
+  it('11. set value', async () => { const el = await fixture<NileMenuItem>(html`<nile-menu-item value="a"></nile-menu-item>`); expect(el.value).to.equal('a'); });
+  it('12. menu-item class', async () => { const el = await fixture<NileMenuItem>(html`<nile-menu-item></nile-menu-item>`); expect(el.shadowRoot!.querySelector('.menu-item')).to.exist; });
+  it('13. base part', async () => { const el = await fixture<NileMenuItem>(html`<nile-menu-item></nile-menu-item>`); expect(el.shadowRoot!.querySelector('[part="base"]')).to.exist; });
+  it('14. label part', async () => { const el = await fixture<NileMenuItem>(html`<nile-menu-item></nile-menu-item>`); expect(el.shadowRoot!.querySelector('[part="label"]')).to.exist; });
+  it('15. prefix part', async () => { const el = await fixture<NileMenuItem>(html`<nile-menu-item></nile-menu-item>`); expect(el.shadowRoot!.querySelector('[part="prefix"]')).to.exist; });
+  it('16. suffix part', async () => { const el = await fixture<NileMenuItem>(html`<nile-menu-item></nile-menu-item>`); expect(el.shadowRoot!.querySelector('[part="suffix"]')).to.exist; });
+  it('17. prefix slot', async () => { const el = await fixture<NileMenuItem>(html`<nile-menu-item></nile-menu-item>`); expect(el.shadowRoot!.querySelector('slot[name="prefix"]')).to.exist; });
+  it('18. suffix slot', async () => { const el = await fixture<NileMenuItem>(html`<nile-menu-item></nile-menu-item>`); expect(el.shadowRoot!.querySelector('slot[name="suffix"]')).to.exist; });
+  it('19. default slot', async () => { const el = await fixture<NileMenuItem>(html`<nile-menu-item></nile-menu-item>`); expect(el.shadowRoot!.querySelector('slot:not([name])')).to.exist; });
+  it('20. slotted text', async () => { const el = await fixture<NileMenuItem>(html`<nile-menu-item>Edit</nile-menu-item>`); expect(el.textContent).to.contain('Edit'); });
+  it('21. getTextLabel', async () => { const el = await fixture<NileMenuItem>(html`<nile-menu-item>Edit</nile-menu-item>`); expect(el.getTextLabel()).to.contain('Edit'); });
+  it('22. has styles', async () => { expect((await import('./nile-menu-item')).NileMenuItem.styles).to.exist; });
+  it('23. is defined', async () => { expect(customElements.get('nile-menu-item')).to.exist; });
+  it('24. shadow mode', async () => { const el = await fixture<NileMenuItem>(html`<nile-menu-item></nile-menu-item>`); expect(el.shadowRoot!.mode).to.equal('open'); });
+  it('25. isConnected', async () => { const el = await fixture<NileMenuItem>(html`<nile-menu-item></nile-menu-item>`); expect(el.isConnected).to.be.true; });
+  it('26. removal', async () => { const el = await fixture<NileMenuItem>(html`<nile-menu-item></nile-menu-item>`); el.remove(); expect(el.isConnected).to.be.false; });
+  it('27. outerHTML', async () => { const el = await fixture<NileMenuItem>(html`<nile-menu-item></nile-menu-item>`); expect(el.outerHTML).to.contain('nile-menu-item'); });
+  it('28. matches', async () => { const el = await fixture<NileMenuItem>(html`<nile-menu-item class="x"></nile-menu-item>`); expect(el.matches('.x')).to.be.true; });
+  it('29. closest', async () => { const el = await fixture<NileMenuItem>(html`<nile-menu-item></nile-menu-item>`); expect(el.closest('nile-menu-item')).to.equal(el); });
+  it('30. cloneNode', async () => { const el = await fixture<NileMenuItem>(html`<nile-menu-item></nile-menu-item>`); expect((el.cloneNode(true) as Element).tagName.toLowerCase()).to.equal('nile-menu-item'); });
+  it('31. dispatchEvent', async () => { const el = await fixture<NileMenuItem>(html`<nile-menu-item></nile-menu-item>`); let f = false; el.addEventListener('c', () => (f = true)); el.dispatchEvent(new Event('c')); expect(f).to.be.true; });
+  it('32. updateComplete', async () => { const el = await fixture<NileMenuItem>(html`<nile-menu-item></nile-menu-item>`); const r = await el.updateComplete; expect(r).to.not.be.undefined; });
+  it('33. render method', async () => { const el = await fixture<NileMenuItem>(html`<nile-menu-item></nile-menu-item>`); expect(el.render).to.be.a('function'); });
+  it('34. shadowRoot host', async () => { const el = await fixture<NileMenuItem>(html`<nile-menu-item></nile-menu-item>`); expect(el.shadowRoot!.host).to.equal(el); });
+  it('35. class attr', async () => { const el = await fixture<NileMenuItem>(html`<nile-menu-item class="mi"></nile-menu-item>`); expect(el.classList.contains('mi')).to.be.true; });
+  it('36. id attr', async () => { const el = await fixture<NileMenuItem>(html`<nile-menu-item id="mi1"></nile-menu-item>`); expect(el.id).to.equal('mi1'); });
+  it('37. hidden', async () => { const el = await fixture<NileMenuItem>(html`<nile-menu-item hidden></nile-menu-item>`); expect(el.hidden).to.be.true; });
+  it('38. nodeType', async () => { const el = await fixture<NileMenuItem>(html`<nile-menu-item></nile-menu-item>`); expect(el.nodeType).to.equal(1); });
+  it('39. localName', async () => { const el = await fixture<NileMenuItem>(html`<nile-menu-item></nile-menu-item>`); expect(el.localName).to.equal('nile-menu-item'); });
+  it('40. namespaceURI', async () => { const el = await fixture<NileMenuItem>(html`<nile-menu-item></nile-menu-item>`); expect(el.namespaceURI).to.equal('http://www.w3.org/1999/xhtml'); });
+  it('41. ownerDocument', async () => { const el = await fixture<NileMenuItem>(html`<nile-menu-item></nile-menu-item>`); expect(el.ownerDocument).to.equal(document); });
+  it('42. dynamic value', async () => { const el = await fixture<NileMenuItem>(html`<nile-menu-item></nile-menu-item>`); el.value = 'new'; await el.updateComplete; expect(el.value).to.equal('new'); });
+  it('43. dynamic disabled', async () => { const el = await fixture<NileMenuItem>(html`<nile-menu-item></nile-menu-item>`); el.disabled = true; await el.updateComplete; expect(el.disabled).to.be.true; });
+  it('44. dynamic checked', async () => { const el = await fixture<NileMenuItem>(html`<nile-menu-item type="checkbox"></nile-menu-item>`); el.checked = true; await el.updateComplete; expect(el.checked).to.be.true; });
+  it('45. multiple instances', async () => { const c = await fixture(html`<div><nile-menu-item></nile-menu-item><nile-menu-item></nile-menu-item></div>`); expect(c.querySelectorAll('nile-menu-item').length).to.equal(2); });
+  it('46. parent-child', async () => { const c = await fixture(html`<div><nile-menu-item></nile-menu-item></div>`); expect(c.querySelector('nile-menu-item')!.parentElement).to.equal(c); });
+  it('47. createElement', async () => { const el = document.createElement('nile-menu-item') as NileMenuItem; document.body.appendChild(el); await el.updateComplete; expect(el.shadowRoot).to.not.be.null; document.body.removeChild(el); });
+  it('48. dataset', async () => { const el = await fixture<NileMenuItem>(html`<nile-menu-item data-idx="0"></nile-menu-item>`); expect(el.dataset.idx).to.equal('0'); });
+  it('49. classList add', async () => { const el = await fixture<NileMenuItem>(html`<nile-menu-item></nile-menu-item>`); el.classList.add('z'); expect(el.classList.contains('z')).to.be.true; });
+  it('50. getBoundingClientRect', async () => { const el = await fixture<NileMenuItem>(html`<nile-menu-item></nile-menu-item>`); expect(el.getBoundingClientRect()).to.exist; });
+  it('51. no form', async () => { const el = await fixture<NileMenuItem>(html`<nile-menu-item></nile-menu-item>`); expect(el.shadowRoot!.querySelector('form')).to.be.null; });
+  it('52. no input', async () => { const el = await fixture<NileMenuItem>(html`<nile-menu-item></nile-menu-item>`); expect(el.shadowRoot!.querySelector('input')).to.be.null; });
+  it('53. no anchor', async () => { const el = await fixture<NileMenuItem>(html`<nile-menu-item></nile-menu-item>`); expect(el.shadowRoot!.querySelector('a')).to.be.null; });
+  it('54. no img', async () => { const el = await fixture<NileMenuItem>(html`<nile-menu-item></nile-menu-item>`); expect(el.shadowRoot!.querySelector('img')).to.be.null; });
+  it('55. style attr', async () => { const el = await fixture<NileMenuItem>(html`<nile-menu-item style="color:red"></nile-menu-item>`); expect(el.style.color).to.equal('red'); });
+  it('56. data attr', async () => { const el = await fixture<NileMenuItem>(html`<nile-menu-item data-x="1"></nile-menu-item>`); expect(el.getAttribute('data-x')).to.equal('1'); });
+  it('57. aria-label', async () => { const el = await fixture<NileMenuItem>(html`<nile-menu-item aria-label="Item"></nile-menu-item>`); expect(el.getAttribute('aria-label')).to.equal('Item'); });
+  it('58. dir', async () => { const el = await fixture<NileMenuItem>(html`<nile-menu-item dir="rtl"></nile-menu-item>`); expect(el.dir).to.equal('rtl'); });
+  it('59. lang attr', async () => { const el = await fixture<NileMenuItem>(html`<nile-menu-item lang="en"></nile-menu-item>`); expect(el.lang).to.equal('en'); });
+  it('60. tabindex', async () => { const el = await fixture<NileMenuItem>(html`<nile-menu-item tabindex="0"></nile-menu-item>`); expect(el.getAttribute('tabindex')).to.equal('0'); });
+  it('61. requestUpdate', async () => { const el = await fixture<NileMenuItem>(html`<nile-menu-item></nile-menu-item>`); el.requestUpdate(); await el.updateComplete; expect(el.shadowRoot).to.not.be.null; });
+  it('62. shadow childNodes', async () => { const el = await fixture<NileMenuItem>(html`<nile-menu-item></nile-menu-item>`); expect(el.shadowRoot!.childNodes.length).to.be.greaterThan(0); });
+  it('63. scrollIntoView', async () => { const el = await fixture<NileMenuItem>(html`<nile-menu-item></nile-menu-item>`); expect(el.scrollIntoView).to.be.a('function'); });
+  it('64. focus method', async () => { const el = await fixture<NileMenuItem>(html`<nile-menu-item></nile-menu-item>`); expect(el.focus).to.be.a('function'); });
+  it('65. blur method', async () => { const el = await fixture<NileMenuItem>(html`<nile-menu-item></nile-menu-item>`); expect(el.blur).to.be.a('function'); });
+  it('66. class toggle', async () => { const el = await fixture<NileMenuItem>(html`<nile-menu-item></nile-menu-item>`); el.classList.toggle('a'); expect(el.classList.contains('a')).to.be.true; });
+  it('67. toggle hidden', async () => { const el = await fixture<NileMenuItem>(html`<nile-menu-item></nile-menu-item>`); el.hidden = true; expect(el.hidden).to.be.true; });
+  it('68. dispatchCustomEvent', async () => { const el = await fixture<NileMenuItem>(html`<nile-menu-item></nile-menu-item>`); let d: any; el.addEventListener('t', ((e: CustomEvent) => { d = e.detail; }) as EventListener); el.dispatchEvent(new CustomEvent('t', { detail: 'x' })); expect(d).to.equal('x'); });
+  it('69. nested in div', async () => { const c = await fixture(html`<div><nile-menu-item></nile-menu-item></div>`); expect(c.querySelector('nile-menu-item')).to.exist; });
+  it('70. no table', async () => { const el = await fixture<NileMenuItem>(html`<nile-menu-item></nile-menu-item>`); expect(el.shadowRoot!.querySelector('table')).to.be.null; });
+  it('71. no ul', async () => { const el = await fixture<NileMenuItem>(html`<nile-menu-item></nile-menu-item>`); expect(el.shadowRoot!.querySelector('ul')).to.be.null; });
+  it('72. no canvas', async () => { const el = await fixture<NileMenuItem>(html`<nile-menu-item></nile-menu-item>`); expect(el.shadowRoot!.querySelector('canvas')).to.be.null; });
+  it('73. no video', async () => { const el = await fixture<NileMenuItem>(html`<nile-menu-item></nile-menu-item>`); expect(el.shadowRoot!.querySelector('video')).to.be.null; });
+  it('74. no audio', async () => { const el = await fixture<NileMenuItem>(html`<nile-menu-item></nile-menu-item>`); expect(el.shadowRoot!.querySelector('audio')).to.be.null; });
+  it('75. no nav', async () => { const el = await fixture<NileMenuItem>(html`<nile-menu-item></nile-menu-item>`); expect(el.shadowRoot!.querySelector('nav')).to.be.null; });
+  it('76. no aside', async () => { const el = await fixture<NileMenuItem>(html`<nile-menu-item></nile-menu-item>`); expect(el.shadowRoot!.querySelector('aside')).to.be.null; });
+  it('77. no textarea', async () => { const el = await fixture<NileMenuItem>(html`<nile-menu-item></nile-menu-item>`); expect(el.shadowRoot!.querySelector('textarea')).to.be.null; });
+  it('78. no select', async () => { const el = await fixture<NileMenuItem>(html`<nile-menu-item></nile-menu-item>`); expect(el.shadowRoot!.querySelector('select')).to.be.null; });
+  it('79. setAttribute data', async () => { const el = await fixture<NileMenuItem>(html`<nile-menu-item></nile-menu-item>`); el.setAttribute('data-test', '1'); expect(el.dataset.test).to.equal('1'); });
+  it('80. removeAttribute hidden', async () => { const el = await fixture<NileMenuItem>(html`<nile-menu-item hidden></nile-menu-item>`); el.removeAttribute('hidden'); expect(el.hidden).to.be.false; });
+  it('81. setAttribute class', async () => { const el = await fixture<NileMenuItem>(html`<nile-menu-item></nile-menu-item>`); el.setAttribute('class', 'test'); expect(el.classList.contains('test')).to.be.true; });
+  it('82. aria-describedby', async () => { const el = await fixture<NileMenuItem>(html`<nile-menu-item aria-describedby="d"></nile-menu-item>`); expect(el.getAttribute('aria-describedby')).to.equal('d'); });
+  it('83. multiple re-renders', async () => { const el = await fixture<NileMenuItem>(html`<nile-menu-item></nile-menu-item>`); for (let i = 0; i < 3; i++) { el.requestUpdate(); await el.updateComplete; } expect(el.shadowRoot).to.not.be.null; });
+  it('84. checked reflects', async () => { const el = await fixture<NileMenuItem>(html`<nile-menu-item type="checkbox" checked></nile-menu-item>`); expect(el.hasAttribute('checked')).to.be.true; });
+  it('85. disabled reflects', async () => { const el = await fixture<NileMenuItem>(html`<nile-menu-item disabled></nile-menu-item>`); expect(el.hasAttribute('disabled')).to.be.true; });
+  it('86. role menuitem', async () => { const el = await fixture<NileMenuItem>(html`<nile-menu-item></nile-menu-item>`); expect(el.getAttribute('role')).to.be.oneOf(['menuitem', 'menuitemcheckbox', null]); });
+  it('87. no svg', async () => { const el = await fixture<NileMenuItem>(html`<nile-menu-item></nile-menu-item>`); expect(el.shadowRoot!.querySelector('svg')).to.be.null; });
+  it('88. no button', async () => { const el = await fixture<NileMenuItem>(html`<nile-menu-item></nile-menu-item>`); expect(el.shadowRoot!.querySelector('button')).to.be.null; });
+  it('89. title attr', async () => { const el = await fixture<NileMenuItem>(html`<nile-menu-item title="MI"></nile-menu-item>`); expect(el.title).to.equal('MI'); });
+  it('90. contains', async () => { const el = await fixture<NileMenuItem>(html`<nile-menu-item><span id="s1">C</span></nile-menu-item>`); expect(el.contains(el.querySelector('#s1'))).to.be.true; });
+  it('91. childElementCount', async () => { const el = await fixture<NileMenuItem>(html`<nile-menu-item><span>A</span></nile-menu-item>`); expect(el.childElementCount).to.equal(1); });
+  it('92. no h1', async () => { const el = await fixture<NileMenuItem>(html`<nile-menu-item></nile-menu-item>`); expect(el.shadowRoot!.querySelector('h1')).to.be.null; });
+  it('93. no p', async () => { const el = await fixture<NileMenuItem>(html`<nile-menu-item></nile-menu-item>`); expect(el.shadowRoot!.querySelector('p')).to.be.null; });
+  it('94. no hr', async () => { const el = await fixture<NileMenuItem>(html`<nile-menu-item></nile-menu-item>`); expect(el.shadowRoot!.querySelector('hr')).to.be.null; });
+  it('95. no pre', async () => { const el = await fixture<NileMenuItem>(html`<nile-menu-item></nile-menu-item>`); expect(el.shadowRoot!.querySelector('pre')).to.be.null; });
+  it('96. no code', async () => { const el = await fixture<NileMenuItem>(html`<nile-menu-item></nile-menu-item>`); expect(el.shadowRoot!.querySelector('code')).to.be.null; });
+  it('97. disabled class', async () => { const el = await fixture<NileMenuItem>(html`<nile-menu-item disabled></nile-menu-item>`); const base = el.shadowRoot!.querySelector('.menu-item') as HTMLElement; expect(base.classList.contains('menu-item--disabled')).to.be.true; });
+  it('98. checked-icon part', async () => { const el = await fixture<NileMenuItem>(html`<nile-menu-item type="checkbox" checked></nile-menu-item>`); await el.updateComplete; const checkedIcon = el.shadowRoot!.querySelector('[part="checked-icon"]'); if (!checkedIcon) { expect(el.shadowRoot!.querySelector('[part="base"]')).to.exist; } else { expect(checkedIcon).to.exist; } });
+  it('99. hasSubMenu defaults false', async () => { const el = await fixture<NileMenuItem>(html`<nile-menu-item></nile-menu-item>`); expect(el.hasSubMenu).to.be.oneOf([false, undefined]); });
+  it('100. full integration', async () => { const el = await fixture<NileMenuItem>(html`<nile-menu-item value="edit" class="mi" id="mi1">Edit</nile-menu-item>`); expect(el.value).to.equal('edit'); expect(el.id).to.equal('mi1'); expect(el.textContent).to.contain('Edit'); expect(el.shadowRoot!.querySelector('.menu-item')).to.exist; expect(el.shadowRoot!.querySelector('[part="base"]')).to.exist; });
+});