semmet-angular 0.22.0 → 0.24.0

package/src/spinbutton/files/__name@dasherize__/__name@dasherize__.spec.ts.template

@@ -0,0 +1,74 @@
+import { Component } from '@angular/core';
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+import { By } from '@angular/platform-browser';
+
+import { <%= classify(name) %> } from './<%= dasherize(name) %>';
+
+@Component({
+  imports: [<%= classify(name) %>],
+  template: `<<%= selector %> />`,
+})
+class HostComponent {}
+
+describe('<%= classify(name) %>', () => {
+  let fixture: ComponentFixture<HostComponent>;
+  let host: HTMLElement;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      imports: [HostComponent],
+    }).compileComponents();
+
+    fixture = TestBed.createComponent(HostComponent);
+    fixture.detectChanges();
+    host = fixture.nativeElement as HTMLElement;
+  });
+
+  it('renders spinbutton semantics and value bounds', () => {
+    const input = host.querySelector<HTMLInputElement>('[role="spinbutton"]');
+
+    expect(input).toBeTruthy();
+    expect(input?.getAttribute('aria-labelledby')).toBeTruthy();
+    expect(input?.getAttribute('aria-valuemin')).toBe('0');
+    expect(input?.getAttribute('aria-valuemax')).toBe('99');
+    expect(input?.getAttribute('aria-valuenow')).toBe('1');
+  });
+
+  it('increments and decrements from buttons and keyboard', () => {
+    const inputDebug = fixture.debugElement.query(By.css('[role="spinbutton"]'));
+    const input = inputDebug.nativeElement as HTMLInputElement;
+    const buttons = Array.from(host.querySelectorAll<HTMLButtonElement>('button'));
+
+    buttons[1].click();
+    fixture.detectChanges();
+    expect(input.value).toBe('2');
+    expect(input.getAttribute('aria-valuenow')).toBe('2');
+
+    inputDebug.triggerEventHandler('keydown', new KeyboardEvent('keydown', { key: 'ArrowDown' }));
+    fixture.detectChanges();
+    expect(input.value).toBe('1');
+
+    buttons[0].click();
+    fixture.detectChanges();
+    expect(input.value).toBe('0');
+
+    inputDebug.triggerEventHandler('keydown', new KeyboardEvent('keydown', { key: 'ArrowDown' }));
+    fixture.detectChanges();
+    expect(input.value).toBe('0');
+  });
+
+  it('accepts typed numbers and clamps them to the supported range', () => {
+    const inputDebug = fixture.debugElement.query(By.css('[role="spinbutton"]'));
+    const input = inputDebug.nativeElement as HTMLInputElement;
+
+    input.value = '120';
+    inputDebug.triggerEventHandler('change', { target: input });
+    fixture.detectChanges();
+    expect(input.value).toBe('99');
+
+    input.value = '-10';
+    inputDebug.triggerEventHandler('change', { target: input });
+    fixture.detectChanges();
+    expect(input.value).toBe('0');
+  });
+});

package/src/spinbutton/index.js

@@ -2,5 +2,5 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.spinbutton = void 0;
 const generate_component_1 = require("../utils/generate-component");
-exports.spinbutton = (0, generate_component_1.createAriaComponentSchematic)();
+exports.spinbutton = (0, generate_component_1.createAriaComponentSchematic)({ includeSharedUnitTest: false });
 //# sourceMappingURL=index.js.map

package/src/spinbutton/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":";;;AAAA,oEAA2E;AAE9D,QAAA,UAAU,GAAG,IAAA,iDAA4B,GAAE,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":";;;AAAA,oEAA2E;AAE9D,QAAA,UAAU,GAAG,IAAA,iDAA4B,EAAC,EAAE,qBAAqB,EAAE,KAAK,EAAE,CAAC,CAAC"}

package/src/spinbutton/index.ts

@@ -1,3 +1,3 @@
 import { createAriaComponentSchematic } from '../utils/generate-component';
 
-export const spinbutton = createAriaComponentSchematic();
+export const spinbutton = createAriaComponentSchematic({ includeSharedUnitTest: false });

package/src/switch/files/__name@dasherize__/__name@dasherize__.spec.ts.template

@@ -0,0 +1,35 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+import { <%= classify(name) %> } from './<%= dasherize(name) %>';
+
+describe('<%= classify(name) %>', () => {
+  let fixture: ComponentFixture<<%= classify(name) %>>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      imports: [<%= classify(name) %>],
+    }).compileComponents();
+
+    fixture = TestBed.createComponent(<%= classify(name) %>);
+    fixture.detectChanges();
+  });
+
+  function switchButton(): HTMLButtonElement {
+    return fixture.nativeElement.querySelector('[role="switch"]');
+  }
+
+  it('renders a native button with switch semantics', () => {
+    expect(switchButton().tagName).toBe('BUTTON');
+    expect(switchButton().getAttribute('aria-checked')).toBe('false');
+    expect(switchButton().textContent?.trim()).toBe('Enable notifications');
+  });
+
+  it('toggles aria-checked when clicked', () => {
+    switchButton().click();
+    fixture.detectChanges();
+    expect(switchButton().getAttribute('aria-checked')).toBe('true');
+
+    switchButton().click();
+    fixture.detectChanges();
+    expect(switchButton().getAttribute('aria-checked')).toBe('false');
+  });
+});

package/src/switch/index.js

@@ -2,5 +2,5 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.switchSchematic = void 0;
 const generate_component_1 = require("../utils/generate-component");
-exports.switchSchematic = (0, generate_component_1.createAriaComponentSchematic)();
+exports.switchSchematic = (0, generate_component_1.createAriaComponentSchematic)({ includeSharedUnitTest: false });
 //# sourceMappingURL=index.js.map

package/src/switch/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":";;;AAAA,oEAA2E;AAE9D,QAAA,eAAe,GAAG,IAAA,iDAA4B,GAAE,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":";;;AAAA,oEAA2E;AAE9D,QAAA,eAAe,GAAG,IAAA,iDAA4B,EAAC,EAAE,qBAAqB,EAAE,KAAK,EAAE,CAAC,CAAC"}

package/src/switch/index.ts

@@ -1,3 +1,3 @@
 import { createAriaComponentSchematic } from '../utils/generate-component';
 
-export const switchSchematic = createAriaComponentSchematic();
+export const switchSchematic = createAriaComponentSchematic({ includeSharedUnitTest: false });

package/src/tabs/files/__name@dasherize__/__name@dasherize__.spec.ts.template

@@ -0,0 +1,113 @@
+import { Component } from '@angular/core';
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+import { <%= classify(name) %>, <%= classify(name) %>Item } from './<%= dasherize(name) %>';
+
+@Component({
+  imports: [<%= classify(name) %>, <%= classify(name) %>Item],
+  template: `
+    <<%= selector %> [preserveContent]="preserveContent">
+      <ng-template <%= camelize(name) %>Item id="profile" label="Profile" [selected]="true">
+        <p>Profile content</p>
+      </ng-template>
+
+      <ng-template <%= camelize(name) %>Item id="settings" label="Settings">
+        <p>Settings content</p>
+      </ng-template>
+
+      <ng-template <%= camelize(name) %>Item id="billing" label="Billing" disabled>
+        <p>Billing content</p>
+      </ng-template>
+    </<%= selector %>>
+  `,
+})
+class HostComponent {
+  preserveContent = true;
+}
+
+describe('<%= classify(name) %>', () => {
+  let fixture: ComponentFixture<HostComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      imports: [HostComponent],
+    }).compileComponents();
+
+    fixture = TestBed.createComponent(HostComponent);
+    fixture.detectChanges();
+  });
+
+  function tabs(): HTMLButtonElement[] {
+    return Array.from(fixture.nativeElement.querySelectorAll('[role="tab"]'));
+  }
+
+  function panels(): HTMLElement[] {
+    return Array.from(fixture.nativeElement.querySelectorAll('[role="tabpanel"]'));
+  }
+
+  it('renders a tablist with ARIA relationships', () => {
+    const tablist = fixture.nativeElement.querySelector('[role="tablist"]');
+    const [profileTab, settingsTab] = tabs();
+    const [profilePanel, settingsPanel] = panels();
+
+    expect(tablist).toBeTruthy();
+    expect(profileTab.textContent?.trim()).toBe('Profile');
+    expect(profileTab.getAttribute('aria-selected')).toBe('true');
+    expect(profileTab.getAttribute('aria-controls')).toBe(profilePanel.id);
+    expect(profileTab.tabIndex).toBe(0);
+    expect(profilePanel.getAttribute('aria-labelledby')).toBe(profileTab.id);
+    expect(profilePanel.hidden).toBe(false);
+
+    expect(settingsTab.getAttribute('aria-selected')).toBe('false');
+    expect(settingsTab.getAttribute('aria-controls')).toBe(settingsPanel.id);
+    expect(settingsTab.tabIndex).toBe(-1);
+    expect(settingsPanel.hidden).toBe(true);
+  });
+
+  it('selects an enabled tab with click', () => {
+    const [, settingsTab] = tabs();
+    const [profilePanel, settingsPanel] = panels();
+
+    settingsTab.click();
+    fixture.detectChanges();
+
+    expect(settingsTab.getAttribute('aria-selected')).toBe('true');
+    expect(settingsTab.tabIndex).toBe(0);
+    expect(settingsPanel.hidden).toBe(false);
+    expect(settingsPanel.textContent).toContain('Settings content');
+    expect(profilePanel.hidden).toBe(true);
+  });
+
+  it('does not select disabled tabs', () => {
+    const disabledTab = tabs()[2];
+    const disabledPanel = panels()[2];
+
+    expect(disabledTab.disabled).toBe(true);
+
+    disabledTab.click();
+    fixture.detectChanges();
+
+    expect(disabledTab.getAttribute('aria-selected')).toBe('false');
+    expect(disabledPanel.hidden).toBe(true);
+  });
+
+  it('moves focus and selection with arrow, Home, and End keys while skipping disabled tabs', () => {
+    const [profileTab, settingsTab, billingTab] = tabs();
+
+    profileTab.focus();
+    profileTab.dispatchEvent(new KeyboardEvent('keydown', { key: 'ArrowRight', bubbles: true }));
+    fixture.detectChanges();
+    expect(document.activeElement).toBe(settingsTab);
+    expect(settingsTab.getAttribute('aria-selected')).toBe('true');
+
+    settingsTab.dispatchEvent(new KeyboardEvent('keydown', { key: 'ArrowRight', bubbles: true }));
+    fixture.detectChanges();
+    expect(document.activeElement).toBe(profileTab);
+    expect(profileTab.getAttribute('aria-selected')).toBe('true');
+
+    profileTab.dispatchEvent(new KeyboardEvent('keydown', { key: 'End', bubbles: true }));
+    fixture.detectChanges();
+    expect(document.activeElement).toBe(settingsTab);
+
+    expect(billingTab.disabled).toBe(true);
+  });
+});

package/src/tabs/index.js

@@ -2,5 +2,5 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.tabs = void 0;
 const generate_component_1 = require("../utils/generate-component");
-exports.tabs = (0, generate_component_1.createAriaComponentSchematic)();
+exports.tabs = (0, generate_component_1.createAriaComponentSchematic)({ includeSharedUnitTest: false });
 //# sourceMappingURL=index.js.map

package/src/tabs/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":";;;AAAA,oEAA2E;AAE9D,QAAA,IAAI,GAAG,IAAA,iDAA4B,GAAE,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":";;;AAAA,oEAA2E;AAE9D,QAAA,IAAI,GAAG,IAAA,iDAA4B,EAAC,EAAE,qBAAqB,EAAE,KAAK,EAAE,CAAC,CAAC"}

package/src/tabs/index.ts

@@ -1,3 +1,3 @@
 import { createAriaComponentSchematic } from '../utils/generate-component';
 
-export const tabs = createAriaComponentSchematic();
+export const tabs = createAriaComponentSchematic({ includeSharedUnitTest: false });

package/src/textarea/files/__name@dasherize__/__name@dasherize__.spec.ts.template

@@ -0,0 +1,59 @@
+import { Component } from '@angular/core';
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+import { <%= classify(name) %> } from './<%= dasherize(name) %>';
+
+@Component({
+  imports: [<%= classify(name) %>],
+  template: `
+    <<%= selector %>
+      label="Message"
+      hint="Be concise."
+      error="Message is required."
+      [required]="true"
+      [maxLength]="20"
+      [(value)]="message"
+    />
+  `,
+})
+class HostComponent {
+  message = '';
+}
+
+describe('<%= classify(name) %>', () => {
+  let fixture: ComponentFixture<HostComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({ imports: [HostComponent] }).compileComponents();
+    fixture = TestBed.createComponent(HostComponent);
+    fixture.detectChanges();
+  });
+
+  function textarea(): HTMLTextAreaElement {
+    return fixture.nativeElement.querySelector('textarea');
+  }
+
+  it('wires label, required state, counter, hint, and error', () => {
+    const label = fixture.nativeElement.querySelector('label');
+    const hint = fixture.nativeElement.querySelector('.semmet-field__hint');
+    const counter = fixture.nativeElement.querySelector('.semmet-field__counter');
+    const error = fixture.nativeElement.querySelector('.semmet-field__error');
+
+    expect(label.getAttribute('for')).toBe(textarea().id);
+    expect(textarea().required).toBe(true);
+    expect(textarea().getAttribute('aria-required')).toBe('true');
+    expect(textarea().getAttribute('aria-invalid')).toBe('true');
+    expect(textarea().getAttribute('aria-describedby')).toContain(hint.id);
+    expect(textarea().getAttribute('aria-describedby')).toContain(counter.id);
+    expect(textarea().getAttribute('aria-describedby')).toContain(error.id);
+    expect(counter.textContent).toContain('20 characters left');
+  });
+
+  it('updates the bound value and remaining counter on input', () => {
+    textarea().value = 'Hello';
+    textarea().dispatchEvent(new Event('input', { bubbles: true }));
+    fixture.detectChanges();
+
+    expect(fixture.componentInstance.message).toBe('Hello');
+    expect(fixture.nativeElement.querySelector('.semmet-field__counter').textContent).toContain('15 characters left');
+  });
+});

package/src/textarea/index.js

@@ -2,5 +2,5 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.textarea = void 0;
 const generate_component_1 = require("../utils/generate-component");
-exports.textarea = (0, generate_component_1.createAriaComponentSchematic)();
+exports.textarea = (0, generate_component_1.createAriaComponentSchematic)({ includeSharedUnitTest: false });
 //# sourceMappingURL=index.js.map

package/src/textarea/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":";;;AAAA,oEAA2E;AAE9D,QAAA,QAAQ,GAAG,IAAA,iDAA4B,GAAE,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":";;;AAAA,oEAA2E;AAE9D,QAAA,QAAQ,GAAG,IAAA,iDAA4B,EAAC,EAAE,qBAAqB,EAAE,KAAK,EAAE,CAAC,CAAC"}

package/src/textarea/index.ts

@@ -1,3 +1,3 @@
 import { createAriaComponentSchematic } from '../utils/generate-component';
 
-export const textarea = createAriaComponentSchematic();
+export const textarea = createAriaComponentSchematic({ includeSharedUnitTest: false });

package/src/toast/files/__name@dasherize__/__name@dasherize__.spec.ts.template

@@ -0,0 +1,48 @@
+import { ComponentFixture, TestBed, fakeAsync, tick } from '@angular/core/testing';
+import { <%= classify(name) %> } from './<%= dasherize(name) %>';
+
+describe('<%= classify(name) %>', () => {
+  let fixture: ComponentFixture<<%= classify(name) %>>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({ imports: [<%= classify(name) %>] }).compileComponents();
+    fixture = TestBed.createComponent(<%= classify(name) %>);
+    fixture.detectChanges();
+  });
+
+  function saveButton(): HTMLButtonElement {
+    return fixture.nativeElement.querySelector('button');
+  }
+
+  it('starts hidden and shows a status message from the trigger', () => {
+    expect(fixture.nativeElement.querySelector('[role="status"]')).toBeNull();
+
+    saveButton().click();
+    fixture.detectChanges();
+
+    const status = fixture.nativeElement.querySelector('[role="status"]');
+    expect(status).toBeTruthy();
+    expect(status.textContent).toContain('Your changes have been saved.');
+  });
+
+  it('dismisses manually', () => {
+    saveButton().click();
+    fixture.detectChanges();
+
+    const dismissButton = Array.from(fixture.nativeElement.querySelectorAll('button'))[1] as HTMLButtonElement;
+    dismissButton.click();
+    fixture.detectChanges();
+
+    expect(fixture.nativeElement.querySelector('[role="status"]')).toBeNull();
+  });
+
+  it('auto-dismisses after the configured delay', fakeAsync(() => {
+    saveButton().click();
+    fixture.detectChanges();
+
+    tick(5000);
+    fixture.detectChanges();
+
+    expect(fixture.nativeElement.querySelector('[role="status"]')).toBeNull();
+  }));
+});

package/src/toast/index.js

@@ -2,5 +2,5 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.toast = void 0;
 const generate_component_1 = require("../utils/generate-component");
-exports.toast = (0, generate_component_1.createAriaComponentSchematic)();
+exports.toast = (0, generate_component_1.createAriaComponentSchematic)({ includeSharedUnitTest: false });
 //# sourceMappingURL=index.js.map

package/src/toast/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":";;;AAAA,oEAA2E;AAE9D,QAAA,KAAK,GAAG,IAAA,iDAA4B,GAAE,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":";;;AAAA,oEAA2E;AAE9D,QAAA,KAAK,GAAG,IAAA,iDAA4B,EAAC,EAAE,qBAAqB,EAAE,KAAK,EAAE,CAAC,CAAC"}

package/src/toast/index.ts

@@ -1,3 +1,3 @@
 import { createAriaComponentSchematic } from '../utils/generate-component';
 
-export const toast = createAriaComponentSchematic();
+export const toast = createAriaComponentSchematic({ includeSharedUnitTest: false });

package/src/toolbar/files/__name@dasherize__/__name@dasherize__.spec.ts.template

@@ -0,0 +1,45 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+import { <%= classify(name) %> } from './<%= dasherize(name) %>';
+
+describe('<%= classify(name) %>', () => {
+  let fixture: ComponentFixture<<%= classify(name) %>>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({ imports: [<%= classify(name) %>] }).compileComponents();
+    fixture = TestBed.createComponent(<%= classify(name) %>);
+    fixture.detectChanges();
+  });
+
+  function buttons(): HTMLButtonElement[] {
+    return Array.from(fixture.nativeElement.querySelectorAll('button'));
+  }
+
+  it('renders a labelled toolbar with roving tabindex', () => {
+    const toolbar = fixture.nativeElement.querySelector('[role="toolbar"]');
+    const [bold, italic] = buttons();
+
+    expect(toolbar.getAttribute('aria-label')).toBe('Text formatting');
+    expect(bold.textContent?.trim()).toBe('Bold');
+    expect(bold.tabIndex).toBe(0);
+    expect(italic.tabIndex).toBe(-1);
+    expect(bold.getAttribute('aria-pressed')).toBe('false');
+  });
+
+  it('toggles button pressed state on click', () => {
+    const [bold] = buttons();
+    bold.click();
+    fixture.detectChanges();
+
+    expect(bold.getAttribute('aria-pressed')).toBe('true');
+  });
+
+  it('moves focus with keyboard', () => {
+    const [bold, italic] = buttons();
+    bold.focus();
+    bold.dispatchEvent(new KeyboardEvent('keydown', { key: 'ArrowRight', bubbles: true }));
+    fixture.detectChanges();
+
+    expect(document.activeElement).toBe(italic);
+    expect(italic.tabIndex).toBe(0);
+  });
+});

package/src/toolbar/index.js

@@ -2,5 +2,5 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.toolbar = void 0;
 const generate_component_1 = require("../utils/generate-component");
-exports.toolbar = (0, generate_component_1.createAriaComponentSchematic)();
+exports.toolbar = (0, generate_component_1.createAriaComponentSchematic)({ includeSharedUnitTest: false });
 //# sourceMappingURL=index.js.map

package/src/toolbar/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":";;;AAAA,oEAA2E;AAE9D,QAAA,OAAO,GAAG,IAAA,iDAA4B,GAAE,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":";;;AAAA,oEAA2E;AAE9D,QAAA,OAAO,GAAG,IAAA,iDAA4B,EAAC,EAAE,qBAAqB,EAAE,KAAK,EAAE,CAAC,CAAC"}

package/src/toolbar/index.ts

@@ -1,3 +1,3 @@
 import { createAriaComponentSchematic } from '../utils/generate-component';
 
-export const toolbar = createAriaComponentSchematic();
+export const toolbar = createAriaComponentSchematic({ includeSharedUnitTest: false });

package/src/tooltip/files/__name@dasherize__/__name@dasherize__.spec.ts.template

@@ -0,0 +1,56 @@
+import { Component } from '@angular/core';
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+import { By } from '@angular/platform-browser';
+
+import { <%= classify(name) %> } from './<%= dasherize(name) %>';
+
+@Component({
+  imports: [<%= classify(name) %>],
+  template: `<<%= selector %> />`,
+})
+class HostComponent {}
+
+describe('<%= classify(name) %>', () => {
+  let fixture: ComponentFixture<HostComponent>;
+  let host: HTMLElement;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      imports: [HostComponent],
+    }).compileComponents();
+
+    fixture = TestBed.createComponent(HostComponent);
+    fixture.detectChanges();
+    host = fixture.nativeElement as HTMLElement;
+  });
+
+  it('wires the trigger to a hidden tooltip description', () => {
+    const button = host.querySelector<HTMLButtonElement>('button');
+    const tooltip = host.querySelector<HTMLElement>('[role="tooltip"]');
+
+    expect(button?.getAttribute('aria-describedby')).toBe(tooltip?.id);
+    expect(tooltip?.hidden).toBe(true);
+    expect(tooltip?.textContent?.trim()).toBe('Tooltip text');
+  });
+
+  it('shows on hover/focus and hides on leave/blur/Escape', () => {
+    const buttonDebug = fixture.debugElement.query(By.css('button'));
+    const tooltip = host.querySelector<HTMLElement>('[role="tooltip"]');
+
+    buttonDebug.triggerEventHandler('mouseenter');
+    fixture.detectChanges();
+    expect(tooltip?.hidden).toBe(false);
+
+    buttonDebug.triggerEventHandler('mouseleave');
+    fixture.detectChanges();
+    expect(tooltip?.hidden).toBe(true);
+
+    buttonDebug.triggerEventHandler('focus');
+    fixture.detectChanges();
+    expect(tooltip?.hidden).toBe(false);
+
+    buttonDebug.triggerEventHandler('keydown', new KeyboardEvent('keydown', { key: 'Escape' }));
+    fixture.detectChanges();
+    expect(tooltip?.hidden).toBe(true);
+  });
+});

package/src/tooltip/index.js

@@ -2,5 +2,5 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.tooltip = void 0;
 const generate_component_1 = require("../utils/generate-component");
-exports.tooltip = (0, generate_component_1.createAriaComponentSchematic)();
+exports.tooltip = (0, generate_component_1.createAriaComponentSchematic)({ includeSharedUnitTest: false });
 //# sourceMappingURL=index.js.map

package/src/tooltip/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":";;;AAAA,oEAA2E;AAE9D,QAAA,OAAO,GAAG,IAAA,iDAA4B,GAAE,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":";;;AAAA,oEAA2E;AAE9D,QAAA,OAAO,GAAG,IAAA,iDAA4B,EAAC,EAAE,qBAAqB,EAAE,KAAK,EAAE,CAAC,CAAC"}

package/src/tooltip/index.ts

@@ -1,3 +1,3 @@
 import { createAriaComponentSchematic } from '../utils/generate-component';
 
-export const tooltip = createAriaComponentSchematic();
+export const tooltip = createAriaComponentSchematic({ includeSharedUnitTest: false });

package/src/tree-view/files/__name@dasherize__/__name@dasherize__.spec.ts.template

@@ -0,0 +1,84 @@
+import { Component } from '@angular/core';
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+import { By } from '@angular/platform-browser';
+
+import { <%= classify(name) %> } from './<%= dasherize(name) %>';
+
+@Component({
+  imports: [<%= classify(name) %>],
+  template: `<<%= selector %> />`,
+})
+class HostComponent {}
+
+describe('<%= classify(name) %>', () => {
+  let fixture: ComponentFixture<HostComponent>;
+  let host: HTMLElement;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      imports: [HostComponent],
+    }).compileComponents();
+
+    fixture = TestBed.createComponent(HostComponent);
+    fixture.detectChanges();
+    host = fixture.nativeElement as HTMLElement;
+  });
+
+  it('renders tree semantics with expanded root and roving tabindex', () => {
+    const tree = host.querySelector<HTMLElement>('[role="tree"]');
+    const items = Array.from(host.querySelectorAll<HTMLElement>('[role="treeitem"]'));
+
+    expect(tree?.getAttribute('aria-label')).toBe('Files');
+    expect(items.map((item) => item.textContent?.trim())).toEqual([
+      'Documents Resume.pdf Cover Letter.docx',
+      'Resume.pdf',
+      'Cover Letter.docx',
+    ]);
+    expect(items[0].getAttribute('aria-expanded')).toBe('true');
+    expect(items[0].getAttribute('tabindex')).toBe('0');
+    expect(items[1].getAttribute('tabindex')).toBe('-1');
+  });
+
+  it('moves focus with arrow keys and collapses/expands branches', () => {
+    const getItems = () => Array.from(host.querySelectorAll<HTMLElement>('[role="treeitem"]'));
+    let items = getItems();
+
+    fixture.debugElement.queryAll(By.css('[role="treeitem"]'))[0].triggerEventHandler(
+      'keydown',
+      new KeyboardEvent('keydown', { key: 'ArrowDown' }),
+    );
+    fixture.detectChanges();
+
+    items = getItems();
+    expect(items[0].getAttribute('tabindex')).toBe('-1');
+    expect(items[1].getAttribute('tabindex')).toBe('0');
+
+    fixture.debugElement.queryAll(By.css('[role="treeitem"]'))[1].triggerEventHandler(
+      'keydown',
+      new KeyboardEvent('keydown', { key: 'ArrowLeft' }),
+    );
+    fixture.detectChanges();
+
+    items = getItems();
+    expect(items[0].getAttribute('tabindex')).toBe('0');
+
+    fixture.debugElement.queryAll(By.css('[role="treeitem"]'))[0].triggerEventHandler(
+      'keydown',
+      new KeyboardEvent('keydown', { key: 'ArrowLeft' }),
+    );
+    fixture.detectChanges();
+
+    items = getItems();
+    expect(items).toHaveLength(1);
+    expect(items[0].getAttribute('aria-expanded')).toBe('false');
+
+    fixture.debugElement.query(By.css('[role="treeitem"]')).triggerEventHandler(
+      'keydown',
+      new KeyboardEvent('keydown', { key: 'ArrowRight' }),
+    );
+    fixture.detectChanges();
+
+    expect(getItems()).toHaveLength(3);
+    expect(getItems()[0].getAttribute('aria-expanded')).toBe('true');
+  });
+});