npm - @aquera/nile-elements - Versions diffs - 1.5.2 → 1.5.3 - Mend

@aquera/nile-elements 1.5.2 → 1.5.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (517) hide show

package/src/nile-breadcrumb/nile-breadcrumb.test.ts ADDED Viewed

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

package/src/nile-breadcrumb-item/nile-breadcrumb-item.test.ts ADDED Viewed

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