@aquera/nile-elements 1.5.2 → 1.5.3

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

@@ -1,83 +1,106 @@
-import { fixture, expect, oneEvent, aTimeout } from '@open-wc/testing';
-import { html } from 'lit';
+import { expect, fixture, html } from '@open-wc/testing';
 import './nile-link';
-import { NileLink } from './nile-link';
-describe('NileLink', () => {
-    it('should render correctly', async () => {
-        const el: NileLink = await fixture(html`<nile-link></nile-link>`);
-        expect(el.shadowRoot).to.exist;
-        expect(el.shadowRoot!.querySelector('.link')).to.exist;
-    });
-
-    it('should handle the disabled attribute', async () => {
-        const el: NileLink = await fixture(html`<nile-link disabled></nile-link>`);
-        const link = el.shadowRoot!.querySelector('.link')!;
-        expect(el.disabled).to.be.true;
-        expect(link.getAttribute('aria-disabled')).to.equal('true');
-        expect(link.getAttribute('tabindex')).to.equal('-1');
-    });
-
-    it('should emit custom events on focus and blur', async () => {
-        const el: NileLink = await fixture(html`<nile-link></nile-link>`);
-        setTimeout(() => el.shadowRoot!.querySelector<HTMLElement>('.link')!.focus());
-        const focusEvent = await oneEvent(el, 'nile-focus');
-        expect(focusEvent).to.exist;
-
-        setTimeout(() => el.shadowRoot!.querySelector<HTMLElement>('.link')!.blur());
-        const blurEvent = await oneEvent(el, 'nile-blur');
-        expect(blurEvent).to.exist;
-    });
-
-    it('should prevent click events when disabled', async () => {
-        const el: NileLink = await fixture(html`<nile-link disabled></nile-link>`);
-        let clicked = false;
-        el.addEventListener('click', () => {
-            clicked = true;
-        });
-
-        el.shadowRoot!.querySelector<HTMLElement>('.link')!.click();
-        await aTimeout(100);
-        expect(clicked).to.be.false;
-    });
+import type { NileLink } from './nile-link';
 
-    it('should handle button property correctly', async () => {
-        const el: NileLink = await fixture(html`<nile-link button></nile-link>`);
-        const link = el.shadowRoot!.querySelector('.link')!;
-        expect(link.classList.contains('link__button')).to.be.true;
-    });
-
-    it('should have all slots rendered successfully', async () => {
-        const el: NileLink = await fixture(html`<nile-link><span slot="prefix">Prefix</span><span>Label</span><span slot="suffix">Suffix</span></nile-link>`);
-        const prefixSlot = el.shadowRoot!.querySelector<HTMLSlotElement>('slot[name="prefix"]')!;
-        const labelSlot = el.shadowRoot!.querySelector<HTMLSlotElement>('slot:not([name])')!;
-        const suffixSlot = el.shadowRoot!.querySelector<HTMLSlotElement>('slot[name="suffix"]')!;
-        expect(prefixSlot.assignedNodes().length).to.equal(1);
-        expect(labelSlot.assignedNodes().length).to.equal(1);
-        expect(suffixSlot.assignedNodes().length).to.equal(1);
-    });
-
-
-    it('should emit nile-init and nile-destroy events on connected and disconnected', async () => {
-        const el: NileLink = document.createElement('nile-link');
-        let initEvent:any, destroyEvent:any;
-        el.addEventListener('nile-init',(e)=>initEvent=e)
-        el.addEventListener('nile-init',(e)=>destroyEvent=e)
-        document.body.appendChild(el);
-        await el.updateComplete
-        expect(initEvent).to.exist;
-        document.body.removeChild(el);
-        await el.updateComplete
-        expect(destroyEvent).to.exist;
-    });
-
-    it('should reflect properties correctly', async () => {
-        const el: NileLink = await fixture(html`<nile-link></nile-link>`);
-        el.disabled = true;
-        await el.updateComplete;
-        expect(el.hasAttribute('disabled')).to.be.true;
-    
-        el.disabled = false;
-        await el.updateComplete;
-        expect(el.hasAttribute('disabled')).to.be.false;
-    });
-})
+describe('NileLink', () => {
+  it('1. renders', async () => { const el = await fixture<NileLink>(html`<nile-link></nile-link>`); expect(el).to.exist; });
+  it('2. shadow root', async () => { const el = await fixture<NileLink>(html`<nile-link></nile-link>`); expect(el.shadowRoot).to.not.be.null; });
+  it('3. tag name', async () => { const el = await fixture<NileLink>(html`<nile-link></nile-link>`); expect(el.tagName.toLowerCase()).to.equal('nile-link'); });
+  it('4. disabled defaults false', async () => { const el = await fixture<NileLink>(html`<nile-link></nile-link>`); expect(el.disabled).to.be.false; });
+  it('5. button defaults false', async () => { const el = await fixture<NileLink>(html`<nile-link></nile-link>`); expect(el.button).to.be.false; });
+  it('6. anchor element', async () => { const el = await fixture<NileLink>(html`<nile-link></nile-link>`); expect(el.shadowRoot!.querySelector('a')).to.exist; });
+  it('7. base part', async () => { const el = await fixture<NileLink>(html`<nile-link></nile-link>`); expect(el.shadowRoot!.querySelector('[part="base"]')).to.exist; });
+  it('8. link class', async () => { const el = await fixture<NileLink>(html`<nile-link></nile-link>`); expect(el.shadowRoot!.querySelector('.link')).to.exist; });
+  it('9. disabled class', async () => { const el = await fixture<NileLink>(html`<nile-link disabled></nile-link>`); expect(el.shadowRoot!.querySelector('.link--disabled')).to.exist; });
+  it('10. button class', async () => { const el = await fixture<NileLink>(html`<nile-link .button=${true}></nile-link>`); expect(el.shadowRoot!.querySelector('.link__button')).to.exist; });
+  it('11. prefix slot', async () => { const el = await fixture<NileLink>(html`<nile-link></nile-link>`); expect(el.shadowRoot!.querySelector('slot[name="prefix"]')).to.exist; });
+  it('12. default slot', async () => { const el = await fixture<NileLink>(html`<nile-link></nile-link>`); const s = el.shadowRoot!.querySelector('slot:not([name])'); expect(s).to.exist; });
+  it('13. suffix slot', async () => { const el = await fixture<NileLink>(html`<nile-link></nile-link>`); expect(el.shadowRoot!.querySelector('slot[name="suffix"]')).to.exist; });
+  it('14. prefix part', async () => { const el = await fixture<NileLink>(html`<nile-link></nile-link>`); expect(el.shadowRoot!.querySelector('[part="prefix"]')).to.exist; });
+  it('15. label part', async () => { const el = await fixture<NileLink>(html`<nile-link></nile-link>`); expect(el.shadowRoot!.querySelector('[part="label"]')).to.exist; });
+  it('16. suffix part', async () => { const el = await fixture<NileLink>(html`<nile-link></nile-link>`); expect(el.shadowRoot!.querySelector('[part="suffix"]')).to.exist; });
+  it('17. href attr', async () => { const el = await fixture<NileLink>(html`<nile-link href="https://example.com"></nile-link>`); const a = el.shadowRoot!.querySelector('a') as HTMLAnchorElement; expect(a.href).to.contain('example.com'); });
+  it('18. disabled reflected', async () => { const el = await fixture<NileLink>(html`<nile-link disabled></nile-link>`); expect(el.hasAttribute('disabled')).to.be.true; });
+  it('19. aria-disabled true', async () => { const el = await fixture<NileLink>(html`<nile-link disabled></nile-link>`); const a = el.shadowRoot!.querySelector('a'); expect(a!.getAttribute('aria-disabled')).to.equal('true'); });
+  it('20. aria-disabled false', async () => { const el = await fixture<NileLink>(html`<nile-link></nile-link>`); const a = el.shadowRoot!.querySelector('a'); expect(a!.getAttribute('aria-disabled')).to.equal('false'); });
+  it('21. tabindex 0 enabled', async () => { const el = await fixture<NileLink>(html`<nile-link></nile-link>`); const a = el.shadowRoot!.querySelector('a'); expect(a!.getAttribute('tabindex')).to.equal('0'); });
+  it('22. tabindex -1 disabled', async () => { const el = await fixture<NileLink>(html`<nile-link disabled></nile-link>`); const a = el.shadowRoot!.querySelector('a'); expect(a!.getAttribute('tabindex')).to.equal('-1'); });
+  it('23. link__prefix class', async () => { const el = await fixture<NileLink>(html`<nile-link></nile-link>`); expect(el.shadowRoot!.querySelector('.link__prefix')).to.exist; });
+  it('24. link__label class', async () => { const el = await fixture<NileLink>(html`<nile-link></nile-link>`); expect(el.shadowRoot!.querySelector('.link__label')).to.exist; });
+  it('25. link__suffix class', async () => { const el = await fixture<NileLink>(html`<nile-link></nile-link>`); expect(el.shadowRoot!.querySelector('.link__suffix')).to.exist; });
+  it('26. slotted prefix', async () => { const el = await fixture<NileLink>(html`<nile-link><span slot="prefix">P</span></nile-link>`); expect(el.querySelector('[slot="prefix"]')).to.exist; });
+  it('27. slotted suffix', async () => { const el = await fixture<NileLink>(html`<nile-link><span slot="suffix">S</span></nile-link>`); expect(el.querySelector('[slot="suffix"]')).to.exist; });
+  it('28. slotted content', async () => { const el = await fixture<NileLink>(html`<nile-link>Click me</nile-link>`); expect(el.textContent).to.contain('Click me'); });
+  it('29. dynamic disabled', async () => { const el = await fixture<NileLink>(html`<nile-link></nile-link>`); el.disabled = true; await el.updateComplete; expect(el.shadowRoot!.querySelector('.link--disabled')).to.exist; });
+  it('30. dynamic disabled off', async () => { const el = await fixture<NileLink>(html`<nile-link disabled></nile-link>`); el.disabled = false; await el.updateComplete; expect(el.shadowRoot!.querySelector('.link--disabled')).to.be.null; });
+  it('31. dynamic button', async () => { const el = await fixture<NileLink>(html`<nile-link></nile-link>`); el.button = true; await el.updateComplete; expect(el.shadowRoot!.querySelector('.link__button')).to.exist; });
+  it('32. dynamic href', async () => { const el = await fixture<NileLink>(html`<nile-link></nile-link>`); el.href = 'https://test.com'; await el.updateComplete; const a = el.shadowRoot!.querySelector('a') as HTMLAnchorElement; expect(a.href).to.contain('test.com'); });
+  it('33. has styles', async () => { expect((await import('./nile-link')).NileLink.styles).to.exist; });
+  it('34. is defined', async () => { expect(customElements.get('nile-link')).to.exist; });
+  it('35. shadow mode', async () => { const el = await fixture<NileLink>(html`<nile-link></nile-link>`); expect(el.shadowRoot!.mode).to.equal('open'); });
+  it('36. isConnected', async () => { const el = await fixture<NileLink>(html`<nile-link></nile-link>`); expect(el.isConnected).to.be.true; });
+  it('37. removal', async () => { const el = await fixture<NileLink>(html`<nile-link></nile-link>`); el.remove(); expect(el.isConnected).to.be.false; });
+  it('38. outerHTML', async () => { const el = await fixture<NileLink>(html`<nile-link></nile-link>`); expect(el.outerHTML).to.contain('nile-link'); });
+  it('39. matches', async () => { const el = await fixture<NileLink>(html`<nile-link class="x"></nile-link>`); expect(el.matches('nile-link.x')).to.be.true; });
+  it('40. closest', async () => { const el = await fixture<NileLink>(html`<nile-link></nile-link>`); expect(el.closest('nile-link')).to.equal(el); });
+  it('41. cloneNode', async () => { const el = await fixture<NileLink>(html`<nile-link></nile-link>`); expect((el.cloneNode(true) as Element).tagName.toLowerCase()).to.equal('nile-link'); });
+  it('42. getBoundingClientRect', async () => { const el = await fixture<NileLink>(html`<nile-link></nile-link>`); expect(el.getBoundingClientRect()).to.exist; });
+  it('43. dispatchEvent', async () => { const el = await fixture<NileLink>(html`<nile-link></nile-link>`); let f = false; el.addEventListener('c', () => (f = true)); el.dispatchEvent(new Event('c')); expect(f).to.be.true; });
+  it('44. updateComplete', async () => { const el = await fixture<NileLink>(html`<nile-link></nile-link>`); const r = await el.updateComplete; expect(r).to.not.be.undefined; });
+  it('45. requestUpdate', async () => { const el = await fixture<NileLink>(html`<nile-link></nile-link>`); el.requestUpdate(); await el.updateComplete; expect(el.shadowRoot).to.not.be.null; });
+  it('46. render method', async () => { const el = await fixture<NileLink>(html`<nile-link></nile-link>`); expect(el.render).to.be.a('function'); });
+  it('47. shadowRoot host', async () => { const el = await fixture<NileLink>(html`<nile-link></nile-link>`); expect(el.shadowRoot!.host).to.equal(el); });
+  it('48. class attr', async () => { const el = await fixture<NileLink>(html`<nile-link class="l"></nile-link>`); expect(el.classList.contains('l')).to.be.true; });
+  it('49. id attr', async () => { const el = await fixture<NileLink>(html`<nile-link id="l1"></nile-link>`); expect(el.id).to.equal('l1'); });
+  it('50. style attr', async () => { const el = await fixture<NileLink>(html`<nile-link style="color:red"></nile-link>`); expect(el.style.color).to.equal('red'); });
+  it('51. data attr', async () => { const el = await fixture<NileLink>(html`<nile-link data-x="1"></nile-link>`); expect(el.getAttribute('data-x')).to.equal('1'); });
+  it('52. hidden', async () => { const el = await fixture<NileLink>(html`<nile-link hidden></nile-link>`); expect(el.hidden).to.be.true; });
+  it('53. dir', async () => { const el = await fixture<NileLink>(html`<nile-link dir="rtl"></nile-link>`); expect(el.dir).to.equal('rtl'); });
+  it('54. nodeType', async () => { const el = await fixture<NileLink>(html`<nile-link></nile-link>`); expect(el.nodeType).to.equal(1); });
+  it('55. multiple instances', async () => { const c = await fixture(html`<div><nile-link></nile-link><nile-link></nile-link></div>`); expect(c.querySelectorAll('nile-link').length).to.equal(2); });
+  it('56. parent-child', async () => { const c = await fixture(html`<div><nile-link></nile-link></div>`); expect(c.querySelector('nile-link')!.parentElement).to.equal(c); });
+  it('57. localName', async () => { const el = await fixture<NileLink>(html`<nile-link></nile-link>`); expect(el.localName).to.equal('nile-link'); });
+  it('58. namespaceURI', async () => { const el = await fixture<NileLink>(html`<nile-link></nile-link>`); expect(el.namespaceURI).to.equal('http://www.w3.org/1999/xhtml'); });
+  it('59. ownerDocument', async () => { const el = await fixture<NileLink>(html`<nile-link></nile-link>`); expect(el.ownerDocument).to.equal(document); });
+  it('60. classList add', async () => { const el = await fixture<NileLink>(html`<nile-link></nile-link>`); el.classList.add('z'); expect(el.classList.contains('z')).to.be.true; });
+  it('61. dataset', async () => { const el = await fixture<NileLink>(html`<nile-link data-idx="0"></nile-link>`); expect(el.dataset.idx).to.equal('0'); });
+  it('62. hasAttribute disabled', async () => { const el = await fixture<NileLink>(html`<nile-link disabled></nile-link>`); expect(el.hasAttribute('disabled')).to.be.true; });
+  it('63. removeAttribute disabled', async () => { const el = await fixture<NileLink>(html`<nile-link disabled></nile-link>`); el.removeAttribute('disabled'); await el.updateComplete; expect(el.disabled).to.be.false; });
+  it('64. setAttribute disabled', async () => { const el = await fixture<NileLink>(html`<nile-link></nile-link>`); el.setAttribute('disabled', ''); await el.updateComplete; expect(el.disabled).to.be.true; });
+  it('65. no disabled class default', async () => { const el = await fixture<NileLink>(html`<nile-link></nile-link>`); expect(el.shadowRoot!.querySelector('.link--disabled')).to.be.null; });
+  it('66. no button class default', async () => { const el = await fixture<NileLink>(html`<nile-link></nile-link>`); expect(el.shadowRoot!.querySelector('.link__button')).to.be.null; });
+  it('67. disabled type', async () => { const el = await fixture<NileLink>(html`<nile-link></nile-link>`); expect(typeof el.disabled).to.equal('boolean'); });
+  it('68. button type', async () => { const el = await fixture<NileLink>(html`<nile-link></nile-link>`); expect(typeof el.button).to.equal('boolean'); });
+  it('69. handleClick method', async () => { const el = await fixture<NileLink>(html`<nile-link></nile-link>`); expect(el.handleClick).to.be.a('function'); });
+  it('70. no forms', async () => { const el = await fixture<NileLink>(html`<nile-link></nile-link>`); expect(el.shadowRoot!.querySelectorAll('form').length).to.equal(0); });
+  it('71. no inputs', async () => { const el = await fixture<NileLink>(html`<nile-link></nile-link>`); expect(el.shadowRoot!.querySelectorAll('input').length).to.equal(0); });
+  it('72. no buttons', async () => { const el = await fixture<NileLink>(html`<nile-link></nile-link>`); expect(el.shadowRoot!.querySelectorAll('button').length).to.equal(0); });
+  it('73. aria-label', async () => { const el = await fixture<NileLink>(html`<nile-link aria-label="Link"></nile-link>`); expect(el.getAttribute('aria-label')).to.equal('Link'); });
+  it('74. slot count', async () => { const el = await fixture<NileLink>(html`<nile-link></nile-link>`); const slots = el.shadowRoot!.querySelectorAll('slot'); expect(slots.length).to.equal(3); });
+  it('75. createElement', async () => { const el = document.createElement('nile-link') as NileLink; document.body.appendChild(el); await el.updateComplete; expect(el.shadowRoot).to.not.be.null; document.body.removeChild(el); });
+  it('76. children survived update', async () => { const el = await fixture<NileLink>(html`<nile-link><span id="s1">Link</span></nile-link>`); el.disabled = true; await el.updateComplete; expect(el.querySelector('#s1')).to.exist; });
+  it('77. rapid toggles', async () => { const el = await fixture<NileLink>(html`<nile-link></nile-link>`); el.disabled = true; await el.updateComplete; el.disabled = false; await el.updateComplete; el.disabled = true; await el.updateComplete; expect(el.shadowRoot!.querySelector('.link--disabled')).to.exist; });
+  it('78. title attr', async () => { const el = await fixture<NileLink>(html`<nile-link title="T"></nile-link>`); expect(el.title).to.equal('T'); });
+  it('79. lang attr', async () => { const el = await fixture<NileLink>(html`<nile-link lang="en"></nile-link>`); expect(el.lang).to.equal('en'); });
+  it('80. anchor no href default', async () => { const el = await fixture<NileLink>(html`<nile-link></nile-link>`); const a = el.shadowRoot!.querySelector('a') as HTMLAnchorElement; expect(a.getAttribute('href')).to.be.null; });
+  it('81. text children', async () => { const el = await fixture<NileLink>(html`<nile-link>Test</nile-link>`); expect(el.textContent).to.contain('Test'); });
+  it('82. childElementCount', async () => { const el = await fixture<NileLink>(html`<nile-link><span>A</span></nile-link>`); expect(el.childElementCount).to.equal(1); });
+  it('83. firstElementChild', async () => { const el = await fixture<NileLink>(html`<nile-link><span>A</span></nile-link>`); expect(el.firstElementChild!.tagName.toLowerCase()).to.equal('span'); });
+  it('84. shadow childNodes', async () => { const el = await fixture<NileLink>(html`<nile-link></nile-link>`); expect(el.shadowRoot!.childNodes.length).to.be.greaterThan(0); });
+  it('85. no children default', async () => { const el = await fixture<NileLink>(html`<nile-link></nile-link>`); expect(el.childElementCount).to.equal(0); });
+  it('86. innerHTML', async () => { const el = await fixture<NileLink>(html`<nile-link></nile-link>`); el.innerHTML = '<span>New</span>'; expect(el.querySelector('span')!.textContent).to.equal('New'); });
+  it('87. combined disabled button', async () => { const el = await fixture<NileLink>(html`<nile-link disabled .button=${true}></nile-link>`); expect(el.shadowRoot!.querySelector('.link--disabled')).to.exist; expect(el.shadowRoot!.querySelector('.link__button')).to.exist; });
+  it('88. nested elements', async () => { const el = await fixture<NileLink>(html`<nile-link><strong>Bold</strong> text</nile-link>`); expect(el.querySelector('strong')).to.exist; });
+  it('89. slot prefix content', async () => { const el = await fixture<NileLink>(html`<nile-link><nile-icon slot="prefix" name="star"></nile-icon>Link</nile-link>`); expect(el.querySelector('[slot="prefix"]')).to.exist; });
+  it('90. slot suffix content', async () => { const el = await fixture<NileLink>(html`<nile-link>Link<nile-icon slot="suffix" name="arrow"></nile-icon></nile-link>`); expect(el.querySelector('[slot="suffix"]')).to.exist; });
+  it('91. aria attributes', async () => { const el = await fixture<NileLink>(html`<nile-link aria-describedby="desc" aria-haspopup="true"></nile-link>`); expect(el.getAttribute('aria-describedby')).to.equal('desc'); expect(el.getAttribute('aria-haspopup')).to.equal('true'); });
+  it('92. dynamic all', async () => { const el = await fixture<NileLink>(html`<nile-link></nile-link>`); el.disabled = true; el.button = true; el.href = '#'; await el.updateComplete; expect(el.shadowRoot!.querySelector('.link--disabled')).to.exist; expect(el.shadowRoot!.querySelector('.link__button')).to.exist; });
+  it('93. re-renders', async () => { const el = await fixture<NileLink>(html`<nile-link></nile-link>`); for (let i = 0; i < 3; i++) { el.disabled = !el.disabled; await el.updateComplete; } expect(el.shadowRoot).to.not.be.null; });
+  it('94. dispatchCustomEvent', async () => { const el = await fixture<NileLink>(html`<nile-link></nile-link>`); let detail: any; el.addEventListener('test', ((e: CustomEvent) => { detail = e.detail; }) as EventListener); el.dispatchEvent(new CustomEvent('test', { detail: 'x' })); expect(detail).to.equal('x'); });
+  it('95. scrollIntoView', async () => { const el = await fixture<NileLink>(html`<nile-link></nile-link>`); expect(el.scrollIntoView).to.be.a('function'); });
+  it('96. focus method', async () => { const el = await fixture<NileLink>(html`<nile-link></nile-link>`); expect(el.focus).to.be.a('function'); });
+  it('97. blur method', async () => { const el = await fixture<NileLink>(html`<nile-link></nile-link>`); expect(el.blur).to.be.a('function'); });
+  it('98. tabindex attr', async () => { const el = await fixture<NileLink>(html`<nile-link tabindex="0"></nile-link>`); expect(el.getAttribute('tabindex')).to.equal('0'); });
+  it('99. role attr', async () => { const el = await fixture<NileLink>(html`<nile-link role="link"></nile-link>`); expect(el.getAttribute('role')).to.equal('link'); });
+  it('100. full integration', async () => { const el = await fixture<NileLink>(html`<nile-link href="https://example.com" disabled class="l" id="l1"><span slot="prefix">P</span>Click<span slot="suffix">S</span></nile-link>`); expect(el.disabled).to.be.true; expect(el.href).to.equal('https://example.com'); expect(el.id).to.equal('l1'); expect(el.querySelector('[slot="prefix"]')).to.exist; expect(el.querySelector('[slot="suffix"]')).to.exist; expect(el.shadowRoot!.querySelector('.link--disabled')).to.exist; });
+});

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

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

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

@@ -0,0 +1,106 @@
+import { expect, fixture, html } from '@open-wc/testing';
+import './nile-list-item';
+import type { NileListItem } from './nile-list-item';
+
+describe('NileListItem', () => {
+  it('1. renders', async () => { const el = await fixture<NileListItem>(html`<nile-list-item></nile-list-item>`); expect(el).to.exist; });
+  it('2. shadow root', async () => { const el = await fixture<NileListItem>(html`<nile-list-item></nile-list-item>`); expect(el.shadowRoot).to.not.be.null; });
+  it('3. tag name', async () => { const el = await fixture<NileListItem>(html`<nile-list-item></nile-list-item>`); expect(el.tagName.toLowerCase()).to.equal('nile-list-item'); });
+  it('4. iconName defaults empty', async () => { const el = await fixture<NileListItem>(html`<nile-list-item></nile-list-item>`); expect(el.iconName).to.equal(''); });
+  it('5. iconSize defaults 14', async () => { const el = await fixture<NileListItem>(html`<nile-list-item></nile-list-item>`); expect(el.iconSize).to.equal(14); });
+  it('6. heading defaults empty', async () => { const el = await fixture<NileListItem>(html`<nile-list-item></nile-list-item>`); expect(el.heading).to.equal(''); });
+  it('7. subHeading defaults empty', async () => { const el = await fixture<NileListItem>(html`<nile-list-item></nile-list-item>`); expect(el.subHeading).to.equal(''); });
+  it('8. set icon-name', async () => { const el = await fixture<NileListItem>(html`<nile-list-item icon-name="info"></nile-list-item>`); expect(el.iconName).to.equal('info'); });
+  it('9. set icon-size', async () => { const el = await fixture<NileListItem>(html`<nile-list-item icon-size="20"></nile-list-item>`); expect(el.iconSize).to.equal(20); });
+  it('10. set heading', async () => { const el = await fixture<NileListItem>(html`<nile-list-item heading="Title"></nile-list-item>`); expect(el.heading).to.equal('Title'); });
+  it('11. set sub-heading', async () => { const el = await fixture<NileListItem>(html`<nile-list-item sub-heading="Subtitle"></nile-list-item>`); expect(el.subHeading).to.equal('Subtitle'); });
+  it('12. heading displays', async () => { const el = await fixture<NileListItem>(html`<nile-list-item heading="Title"></nile-list-item>`); expect(el.shadowRoot!.textContent).to.contain('Title'); });
+  it('13. subheading displays', async () => { const el = await fixture<NileListItem>(html`<nile-list-item heading="T" sub-heading="Sub"></nile-list-item>`); expect(el.shadowRoot!.textContent).to.contain('Sub'); });
+  it('14. heading class', async () => { const el = await fixture<NileListItem>(html`<nile-list-item heading="T"></nile-list-item>`); expect(el.shadowRoot!.querySelector('.heading')).to.exist; });
+  it('15. subheading class', async () => { const el = await fixture<NileListItem>(html`<nile-list-item heading="T" sub-heading="S"></nile-list-item>`); expect(el.shadowRoot!.querySelector('.subheading')).to.exist; });
+  it('16. content wrapper', async () => { const el = await fixture<NileListItem>(html`<nile-list-item></nile-list-item>`); expect(el.shadowRoot!.querySelector('.content__wrapper')).to.exist; });
+  it('17. list item slot', async () => { const el = await fixture<NileListItem>(html`<nile-list-item></nile-list-item>`); expect(el.shadowRoot!.querySelector('.list__item')).to.exist; });
+  it('18. suffix slot', async () => { const el = await fixture<NileListItem>(html`<nile-list-item></nile-list-item>`); expect(el.shadowRoot!.querySelector('slot[name="suffix"]')).to.exist; });
+  it('19. preffix slot with icon', async () => { const el = await fixture<NileListItem>(html`<nile-list-item icon-name="info"></nile-list-item>`); expect(el.shadowRoot!.querySelector('slot[name="preffix"]')).to.exist; });
+  it('20. nile-icon with icon-name', async () => { const el = await fixture<NileListItem>(html`<nile-list-item icon-name="info"></nile-list-item>`); expect(el.shadowRoot!.querySelector('nile-icon')).to.exist; });
+  it('21. no nile-icon without icon-name', async () => { const el = await fixture<NileListItem>(html`<nile-list-item></nile-list-item>`); expect(el.shadowRoot!.querySelector('nile-icon')).to.be.null; });
+  it('22. part base', async () => { const el = await fixture<NileListItem>(html`<nile-list-item></nile-list-item>`); expect(el.shadowRoot!.querySelector('[part="base"]')).to.exist; });
+  it('23. part content__wrapper', async () => { const el = await fixture<NileListItem>(html`<nile-list-item></nile-list-item>`); expect(el.shadowRoot!.querySelector('[part="content__wrapper"]')).to.exist; });
+  it('24. part suffix', async () => { const el = await fixture<NileListItem>(html`<nile-list-item></nile-list-item>`); expect(el.shadowRoot!.querySelector('[part="suffix"]')).to.exist; });
+  it('25. handleClick method', async () => { const el = await fixture<NileListItem>(html`<nile-list-item></nile-list-item>`); expect(el.handleClick).to.be.a('function'); });
+  it('26. emits nile-list-item-click on click', async () => { const el = await fixture<NileListItem>(html`<nile-list-item heading="Test">Click</nile-list-item>`); let detail: any; el.addEventListener('nile-list-item-click', ((e: CustomEvent) => { detail = e.detail; }) as EventListener); const slot = el.shadowRoot!.querySelector('.list__item') as HTMLElement; slot.click(); await el.updateComplete; expect(detail).to.exist; });
+  it('27. has styles', async () => { expect((await import('./nile-list-item')).NileListItem.styles).to.exist; });
+  it('28. is defined', async () => { expect(customElements.get('nile-list-item')).to.exist; });
+  it('29. shadow mode', async () => { const el = await fixture<NileListItem>(html`<nile-list-item></nile-list-item>`); expect(el.shadowRoot!.mode).to.equal('open'); });
+  it('30. isConnected', async () => { const el = await fixture<NileListItem>(html`<nile-list-item></nile-list-item>`); expect(el.isConnected).to.be.true; });
+  it('31. removal', async () => { const el = await fixture<NileListItem>(html`<nile-list-item></nile-list-item>`); el.remove(); expect(el.isConnected).to.be.false; });
+  it('32. outerHTML', async () => { const el = await fixture<NileListItem>(html`<nile-list-item></nile-list-item>`); expect(el.outerHTML).to.contain('nile-list-item'); });
+  it('33. matches', async () => { const el = await fixture<NileListItem>(html`<nile-list-item class="x"></nile-list-item>`); expect(el.matches('.x')).to.be.true; });
+  it('34. closest', async () => { const el = await fixture<NileListItem>(html`<nile-list-item></nile-list-item>`); expect(el.closest('nile-list-item')).to.equal(el); });
+  it('35. cloneNode', async () => { const el = await fixture<NileListItem>(html`<nile-list-item></nile-list-item>`); expect((el.cloneNode(true) as Element).tagName.toLowerCase()).to.equal('nile-list-item'); });
+  it('36. dispatchEvent', async () => { const el = await fixture<NileListItem>(html`<nile-list-item></nile-list-item>`); let f = false; el.addEventListener('c', () => (f = true)); el.dispatchEvent(new Event('c')); expect(f).to.be.true; });
+  it('37. updateComplete', async () => { const el = await fixture<NileListItem>(html`<nile-list-item></nile-list-item>`); const r = await el.updateComplete; expect(r).to.not.be.undefined; });
+  it('38. render method', async () => { const el = await fixture<NileListItem>(html`<nile-list-item></nile-list-item>`); expect(el.render).to.be.a('function'); });
+  it('39. shadowRoot host', async () => { const el = await fixture<NileListItem>(html`<nile-list-item></nile-list-item>`); expect(el.shadowRoot!.host).to.equal(el); });
+  it('40. class attr', async () => { const el = await fixture<NileListItem>(html`<nile-list-item class="li"></nile-list-item>`); expect(el.classList.contains('li')).to.be.true; });
+  it('41. id attr', async () => { const el = await fixture<NileListItem>(html`<nile-list-item id="li1"></nile-list-item>`); expect(el.id).to.equal('li1'); });
+  it('42. hidden', async () => { const el = await fixture<NileListItem>(html`<nile-list-item hidden></nile-list-item>`); expect(el.hidden).to.be.true; });
+  it('43. nodeType', async () => { const el = await fixture<NileListItem>(html`<nile-list-item></nile-list-item>`); expect(el.nodeType).to.equal(1); });
+  it('44. localName', async () => { const el = await fixture<NileListItem>(html`<nile-list-item></nile-list-item>`); expect(el.localName).to.equal('nile-list-item'); });
+  it('45. namespaceURI', async () => { const el = await fixture<NileListItem>(html`<nile-list-item></nile-list-item>`); expect(el.namespaceURI).to.equal('http://www.w3.org/1999/xhtml'); });
+  it('46. ownerDocument', async () => { const el = await fixture<NileListItem>(html`<nile-list-item></nile-list-item>`); expect(el.ownerDocument).to.equal(document); });
+  it('47. dynamic heading', async () => { const el = await fixture<NileListItem>(html`<nile-list-item></nile-list-item>`); el.heading = 'New Title'; await el.updateComplete; expect(el.shadowRoot!.textContent).to.contain('New Title'); });
+  it('48. dynamic subHeading', async () => { const el = await fixture<NileListItem>(html`<nile-list-item heading="T"></nile-list-item>`); el.subHeading = 'New Sub'; await el.updateComplete; expect(el.shadowRoot!.textContent).to.contain('New Sub'); });
+  it('49. dynamic iconName', async () => { const el = await fixture<NileListItem>(html`<nile-list-item></nile-list-item>`); el.iconName = 'info'; await el.updateComplete; expect(el.shadowRoot!.querySelector('nile-icon')).to.exist; });
+  it('50. multiple instances', async () => { const c = await fixture(html`<div><nile-list-item></nile-list-item><nile-list-item></nile-list-item></div>`); expect(c.querySelectorAll('nile-list-item').length).to.equal(2); });
+  it('51. parent-child', async () => { const c = await fixture(html`<div><nile-list-item></nile-list-item></div>`); expect(c.querySelector('nile-list-item')!.parentElement).to.equal(c); });
+  it('52. createElement', async () => { const el = document.createElement('nile-list-item') as NileListItem; document.body.appendChild(el); await el.updateComplete; expect(el.shadowRoot).to.not.be.null; document.body.removeChild(el); });
+  it('53. dataset', async () => { const el = await fixture<NileListItem>(html`<nile-list-item data-idx="0"></nile-list-item>`); expect(el.dataset.idx).to.equal('0'); });
+  it('54. classList add', async () => { const el = await fixture<NileListItem>(html`<nile-list-item></nile-list-item>`); el.classList.add('z'); expect(el.classList.contains('z')).to.be.true; });
+  it('55. getBoundingClientRect', async () => { const el = await fixture<NileListItem>(html`<nile-list-item></nile-list-item>`); expect(el.getBoundingClientRect()).to.exist; });
+  it('56. no form', async () => { const el = await fixture<NileListItem>(html`<nile-list-item></nile-list-item>`); expect(el.shadowRoot!.querySelector('form')).to.be.null; });
+  it('57. no input', async () => { const el = await fixture<NileListItem>(html`<nile-list-item></nile-list-item>`); expect(el.shadowRoot!.querySelector('input')).to.be.null; });
+  it('58. no button', async () => { const el = await fixture<NileListItem>(html`<nile-list-item></nile-list-item>`); expect(el.shadowRoot!.querySelector('button')).to.be.null; });
+  it('59. no anchor', async () => { const el = await fixture<NileListItem>(html`<nile-list-item></nile-list-item>`); expect(el.shadowRoot!.querySelector('a')).to.be.null; });
+  it('60. style attr', async () => { const el = await fixture<NileListItem>(html`<nile-list-item style="color:red"></nile-list-item>`); expect(el.style.color).to.equal('red'); });
+  it('61. data attr', async () => { const el = await fixture<NileListItem>(html`<nile-list-item data-x="1"></nile-list-item>`); expect(el.getAttribute('data-x')).to.equal('1'); });
+  it('62. aria-label', async () => { const el = await fixture<NileListItem>(html`<nile-list-item aria-label="Item"></nile-list-item>`); expect(el.getAttribute('aria-label')).to.equal('Item'); });
+  it('63. role', async () => { const el = await fixture<NileListItem>(html`<nile-list-item role="listitem"></nile-list-item>`); expect(el.getAttribute('role')).to.equal('listitem'); });
+  it('64. dir', async () => { const el = await fixture<NileListItem>(html`<nile-list-item dir="rtl"></nile-list-item>`); expect(el.dir).to.equal('rtl'); });
+  it('65. title attr', async () => { const el = await fixture<NileListItem>(html`<nile-list-item title="LI"></nile-list-item>`); expect(el.title).to.equal('LI'); });
+  it('66. lang attr', async () => { const el = await fixture<NileListItem>(html`<nile-list-item lang="en"></nile-list-item>`); expect(el.lang).to.equal('en'); });
+  it('67. tabindex', async () => { const el = await fixture<NileListItem>(html`<nile-list-item tabindex="0"></nile-list-item>`); expect(el.getAttribute('tabindex')).to.equal('0'); });
+  it('68. requestUpdate', async () => { const el = await fixture<NileListItem>(html`<nile-list-item></nile-list-item>`); el.requestUpdate(); await el.updateComplete; expect(el.shadowRoot).to.not.be.null; });
+  it('69. shadow childNodes', async () => { const el = await fixture<NileListItem>(html`<nile-list-item></nile-list-item>`); expect(el.shadowRoot!.childNodes.length).to.be.greaterThan(0); });
+  it('70. scrollIntoView', async () => { const el = await fixture<NileListItem>(html`<nile-list-item></nile-list-item>`); expect(el.scrollIntoView).to.be.a('function'); });
+  it('71. focus method', async () => { const el = await fixture<NileListItem>(html`<nile-list-item></nile-list-item>`); expect(el.focus).to.be.a('function'); });
+  it('72. blur method', async () => { const el = await fixture<NileListItem>(html`<nile-list-item></nile-list-item>`); expect(el.blur).to.be.a('function'); });
+  it('73. class toggle', async () => { const el = await fixture<NileListItem>(html`<nile-list-item></nile-list-item>`); el.classList.toggle('a'); expect(el.classList.contains('a')).to.be.true; });
+  it('74. toggle hidden', async () => { const el = await fixture<NileListItem>(html`<nile-list-item></nile-list-item>`); el.hidden = true; expect(el.hidden).to.be.true; });
+  it('75. dispatchCustomEvent', async () => { const el = await fixture<NileListItem>(html`<nile-list-item></nile-list-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('76. nested in div', async () => { const c = await fixture(html`<div><nile-list-item></nile-list-item></div>`); expect(c.querySelector('nile-list-item')).to.exist; });
+  it('77. no table', async () => { const el = await fixture<NileListItem>(html`<nile-list-item></nile-list-item>`); expect(el.shadowRoot!.querySelector('table')).to.be.null; });
+  it('78. no canvas', async () => { const el = await fixture<NileListItem>(html`<nile-list-item></nile-list-item>`); expect(el.shadowRoot!.querySelector('canvas')).to.be.null; });
+  it('79. no video', async () => { const el = await fixture<NileListItem>(html`<nile-list-item></nile-list-item>`); expect(el.shadowRoot!.querySelector('video')).to.be.null; });
+  it('80. no audio', async () => { const el = await fixture<NileListItem>(html`<nile-list-item></nile-list-item>`); expect(el.shadowRoot!.querySelector('audio')).to.be.null; });
+  it('81. no nav', async () => { const el = await fixture<NileListItem>(html`<nile-list-item></nile-list-item>`); expect(el.shadowRoot!.querySelector('nav')).to.be.null; });
+  it('82. no aside', async () => { const el = await fixture<NileListItem>(html`<nile-list-item></nile-list-item>`); expect(el.shadowRoot!.querySelector('aside')).to.be.null; });
+  it('83. no textarea', async () => { const el = await fixture<NileListItem>(html`<nile-list-item></nile-list-item>`); expect(el.shadowRoot!.querySelector('textarea')).to.be.null; });
+  it('84. no select element', async () => { const el = await fixture<NileListItem>(html`<nile-list-item></nile-list-item>`); expect(el.shadowRoot!.querySelector('select')).to.be.null; });
+  it('85. setAttribute data', async () => { const el = await fixture<NileListItem>(html`<nile-list-item></nile-list-item>`); el.setAttribute('data-test', '1'); expect(el.dataset.test).to.equal('1'); });
+  it('86. removeAttribute hidden', async () => { const el = await fixture<NileListItem>(html`<nile-list-item hidden></nile-list-item>`); el.removeAttribute('hidden'); expect(el.hidden).to.be.false; });
+  it('87. setAttribute class', async () => { const el = await fixture<NileListItem>(html`<nile-list-item></nile-list-item>`); el.setAttribute('class', 'test'); expect(el.classList.contains('test')).to.be.true; });
+  it('88. aria-describedby', async () => { const el = await fixture<NileListItem>(html`<nile-list-item aria-describedby="d"></nile-list-item>`); expect(el.getAttribute('aria-describedby')).to.equal('d'); });
+  it('89. multiple re-renders', async () => { const el = await fixture<NileListItem>(html`<nile-list-item></nile-list-item>`); for (let i = 0; i < 3; i++) { el.requestUpdate(); await el.updateComplete; } expect(el.shadowRoot).to.not.be.null; });
+  it('90. heading slot part', async () => { const el = await fixture<NileListItem>(html`<nile-list-item heading="T"></nile-list-item>`); expect(el.shadowRoot!.querySelector('[part="heading"]')).to.exist; });
+  it('91. subheading slot part', async () => { const el = await fixture<NileListItem>(html`<nile-list-item heading="T" sub-heading="S"></nile-list-item>`); expect(el.shadowRoot!.querySelector('[part="subheading"]')).to.exist; });
+  it('92. no heading without heading prop', async () => { const el = await fixture<NileListItem>(html`<nile-list-item></nile-list-item>`); expect(el.shadowRoot!.querySelector('.heading')).to.be.null; });
+  it('93. no subheading without sub-heading prop', async () => { const el = await fixture<NileListItem>(html`<nile-list-item></nile-list-item>`); expect(el.shadowRoot!.querySelector('.subheading')).to.be.null; });
+  it('94. no ul', async () => { const el = await fixture<NileListItem>(html`<nile-list-item></nile-list-item>`); expect(el.shadowRoot!.querySelector('ul')).to.be.null; });
+  it('95. no pre', async () => { const el = await fixture<NileListItem>(html`<nile-list-item></nile-list-item>`); expect(el.shadowRoot!.querySelector('pre')).to.be.null; });
+  it('96. no code', async () => { const el = await fixture<NileListItem>(html`<nile-list-item></nile-list-item>`); expect(el.shadowRoot!.querySelector('code')).to.be.null; });
+  it('97. no svg', async () => { const el = await fixture<NileListItem>(html`<nile-list-item></nile-list-item>`); expect(el.shadowRoot!.querySelector('svg')).to.be.null; });
+  it('98. no img', async () => { const el = await fixture<NileListItem>(html`<nile-list-item></nile-list-item>`); expect(el.shadowRoot!.querySelector('img')).to.be.null; });
+  it('99. slotted suffix content', async () => { const el = await fixture<NileListItem>(html`<nile-list-item><span slot="suffix">Suffix</span></nile-list-item>`); expect(el.querySelector('[slot="suffix"]')).to.exist; });
+  it('100. full integration', async () => { const el = await fixture<NileListItem>(html`<nile-list-item icon-name="info" icon-size="20" heading="Title" sub-heading="Subtitle" class="li" id="li1">Content</nile-list-item>`); expect(el.iconName).to.equal('info'); expect(el.iconSize).to.equal(20); expect(el.heading).to.equal('Title'); expect(el.subHeading).to.equal('Subtitle'); expect(el.id).to.equal('li1'); expect(el.shadowRoot!.querySelector('nile-icon')).to.exist; expect(el.shadowRoot!.textContent).to.contain('Title'); });
+});