semmet-angular 0.25.0 → 0.27.0

package/src/disclosure/files/__name@dasherize__/__name@dasherize__.e2e-spec.ts.template

@@ -0,0 +1,28 @@
+import { expect, test } from '@playwright/test';
+
+test.describe('<%= classify(name) %>', () => {
+  test('toggles mounted disclosure content through its trigger', async ({ page }) => {
+    await page.goto('/');
+
+    const component = page.locator('<%= selector %>').first();
+    test.skip(
+      (await component.count()) === 0,
+      'Mount <<%= selector %> /> in a route or host component to enable this generated e2e test.'
+    );
+
+    await expect(component).toBeVisible();
+
+    const trigger = component.getByRole('button').first();
+    await expect(trigger).toHaveAttribute('aria-controls', /.+/);
+
+    const panelId = await trigger.getAttribute('aria-controls');
+    const panel = page.locator(`#${panelId}`);
+
+    await trigger.click();
+    await expect(trigger).toHaveAttribute('aria-expanded', 'true');
+    await expect(panel).toBeVisible();
+
+    await trigger.click();
+    await expect(trigger).toHaveAttribute('aria-expanded', 'false');
+  });
+});

package/src/disclosure/index.js

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

package/src/disclosure/index.js.map

@@ -1 +1 @@
-{"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"}
+{"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,oBAAoB,EAAE,KAAK,EAAE,CAAC,CAAC"}

package/src/disclosure/index.ts

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

package/src/form/files/__name@dasherize__/__name@dasherize__.e2e-spec.ts.template

@@ -0,0 +1,21 @@
+import { expect, test } from '@playwright/test';
+
+test.describe('<%= classify(name) %>', () => {
+  test('validates mounted form fields and submits valid data', async ({ page }) => {
+    await page.goto('/');
+    const component = page.locator('<%= selector %>').first();
+    test.skip((await component.count()) === 0, 'Mount <<%= selector %> /> in a route or host component to enable this generated e2e test.');
+
+    const form = component.locator('form').first();
+    await expect(form).toHaveAttribute('aria-labelledby', /.+/);
+
+    await component.getByRole('button', { name: /submit/i }).click();
+    await expect(component.getByRole('alert').first()).toBeVisible();
+
+    await component.getByLabel(/name/i).fill('Danilo');
+    await component.getByLabel(/email/i).fill('danilo@example.com');
+    await component.getByLabel(/message/i).fill('Accessible delivery kit');
+    await component.getByRole('button', { name: /submit/i }).click();
+    await expect(component.getByRole('status')).toBeVisible();
+  });
+});

package/src/form/index.js

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

package/src/form/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,oBAAoB,EAAE,KAAK,EAAE,CAAC,CAAC"}

package/src/form/index.ts

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

package/src/input/files/__name@dasherize__/__name@dasherize__.e2e-spec.ts.template

@@ -0,0 +1,22 @@
+import { expect, test } from '@playwright/test';
+
+test.describe('<%= classify(name) %>', () => {
+  test('accepts typed input through the mounted native control', async ({ page }) => {
+    await page.goto('/');
+
+    const component = page.locator('<%= selector %>').first();
+    test.skip(
+      (await component.count()) === 0,
+      'Mount <<%= selector %> /> in a route or host component to enable this generated e2e test.'
+    );
+
+    const input = component.locator('input').first();
+    await expect(input).toBeVisible();
+
+    const id = await input.getAttribute('id');
+    await expect(component.locator(`label[for="${id}"]`)).toBeVisible();
+
+    await input.fill('semmet@example.com');
+    await expect(input).toHaveValue('semmet@example.com');
+  });
+});

package/src/input/index.js

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

package/src/input/index.js.map

@@ -1 +1 @@
-{"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"}
+{"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,oBAAoB,EAAE,KAAK,EAAE,CAAC,CAAC"}

package/src/input/index.ts

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

package/src/input-group/files/__name@dasherize__/__name@dasherize__.e2e-spec.ts.template

@@ -0,0 +1,16 @@
+import { expect, test } from '@playwright/test';
+
+test.describe('<%= classify(name) %>', () => {
+  test('accepts input through mounted input group control', async ({ page }) => {
+    await page.goto('/');
+    const component = page.locator('<%= selector %>').first();
+    test.skip((await component.count()) === 0, 'Mount <<%= selector %> /> in a route or host component to enable this generated e2e test.');
+
+    const input = component.locator('input').first();
+    await expect(input).toBeVisible();
+    const id = await input.getAttribute('id');
+    await expect(component.locator(`label[for="${id}"]`)).toBeVisible();
+    await input.fill('semmet.dev');
+    await expect(input).toHaveValue('semmet.dev');
+  });
+});

package/src/input-group/index.js

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

package/src/input-group/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,oBAAoB,EAAE,KAAK,EAAE,CAAC,CAAC"}

package/src/input-group/index.ts

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

package/src/landmarks/files/__name@dasherize__/__name@dasherize__.e2e-spec.ts.template

@@ -0,0 +1,15 @@
+import { expect, test } from '@playwright/test';
+
+test.describe('<%= classify(name) %>', () => {
+  test('renders mounted page landmark regions', async ({ page }) => {
+    await page.goto('/');
+    const component = page.locator('<%= selector %>').first();
+    test.skip((await component.count()) === 0, 'Mount <<%= selector %> /> in a route or host component to enable this generated e2e test.');
+
+    await expect(component.locator('header')).toBeVisible();
+    await expect(component.getByRole('navigation', { name: /main/i })).toBeVisible();
+    await expect(component.locator('main')).toBeVisible();
+    await expect(component.locator('aside[aria-label]')).toBeVisible();
+    await expect(component.locator('footer')).toBeVisible();
+  });
+});

package/src/landmarks/index.js

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

package/src/landmarks/index.js.map

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

package/src/landmarks/index.ts

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

package/src/list-group/files/__name@dasherize__/__name@dasherize__.e2e-spec.ts.template

@@ -0,0 +1,26 @@
+import { expect, test } from '@playwright/test';
+
+test.describe('<%= classify(name) %>', () => {
+  test('updates mounted list group active action', async ({ page }) => {
+    await page.goto('/');
+
+    const component = page.locator('<%= selector %>').first();
+    test.skip(
+      (await component.count()) === 0,
+      'Mount <<%= selector %> /> in a route or host component to enable this generated e2e test.'
+    );
+
+    const list = component.locator('ul').first();
+    const actions = component.locator('.semmet-list-group__action');
+    test.skip(
+      (await actions.count()) < 2,
+      'Mount at least two list group actions to enable this generated list-group e2e test.'
+    );
+
+    await expect(list).toHaveAttribute('aria-label', /.+/);
+    await expect(actions.first()).toHaveAttribute('aria-current', /page|true/);
+
+    await actions.nth(1).click();
+    await expect(actions.nth(1)).toHaveAttribute('aria-current', /page|true/);
+  });
+});

package/src/list-group/index.js

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

package/src/list-group/index.js.map

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

package/src/list-group/index.ts

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

package/src/listbox/files/__name@dasherize__/__name@dasherize__.e2e-spec.ts.template

@@ -0,0 +1,31 @@
+import { expect, test } from '@playwright/test';
+
+test.describe('<%= classify(name) %>', () => {
+  test('updates mounted listbox selection with click and keyboard', async ({ page }) => {
+    await page.goto('/');
+
+    const component = page.locator('<%= selector %>').first();
+    test.skip(
+      (await component.count()) === 0,
+      'Mount <<%= selector %> /> in a route or host component to enable this generated e2e test.'
+    );
+
+    const listbox = component.getByRole('listbox').first();
+    const options = component.getByRole('option');
+    test.skip(
+      (await options.count()) < 2,
+      'Mount at least two listbox options to enable the generated listbox interaction e2e test.'
+    );
+
+    const first = options.nth(0);
+    const second = options.nth(1);
+
+    await expect(first).toHaveAttribute('aria-selected', 'true');
+    await second.click();
+    await expect(second).toHaveAttribute('aria-selected', 'true');
+    await expect(listbox).toHaveAttribute('aria-activedescendant', await second.getAttribute('id') ?? '');
+
+    await listbox.press('Home');
+    await expect(first).toHaveAttribute('aria-selected', 'true');
+  });
+});

package/src/listbox/index.js

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

package/src/listbox/index.js.map

@@ -1 +1 @@
-{"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"}
+{"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,oBAAoB,EAAE,KAAK,EAAE,CAAC,CAAC"}

package/src/listbox/index.ts

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

package/src/menu-button/files/__name@dasherize__/__name@dasherize__.e2e-spec.ts.template

@@ -0,0 +1,30 @@
+import { expect, test } from '@playwright/test';
+
+test.describe('<%= classify(name) %>', () => {
+  test('opens mounted menu button and closes it with Escape', async ({ page }) => {
+    await page.goto('/');
+
+    const component = page.locator('<%= selector %>').first();
+    test.skip(
+      (await component.count()) === 0,
+      'Mount <<%= selector %> /> in a route or host component to enable this generated e2e test.'
+    );
+
+    const button = component.getByRole('button').first();
+    const menu = component.getByRole('menu').first();
+
+    await expect(button).toHaveAttribute('aria-haspopup', 'true');
+    await expect(button).toHaveAttribute('aria-expanded', 'false');
+    await expect(menu).toBeHidden();
+
+    await button.click();
+    await expect(button).toHaveAttribute('aria-expanded', 'true');
+    await expect(menu).toBeVisible();
+
+    const firstItem = component.getByRole('menuitem').first();
+    await firstItem.press('Escape');
+    await expect(button).toHaveAttribute('aria-expanded', 'false');
+    await expect(menu).toBeHidden();
+    await expect(button).toBeFocused();
+  });
+});

package/src/menu-button/index.js

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

package/src/menu-button/index.js.map

@@ -1 +1 @@
-{"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"}
+{"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,oBAAoB,EAAE,KAAK,EAAE,CAAC,CAAC"}

package/src/menu-button/index.ts

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

package/src/meter/files/__name@dasherize__/__name@dasherize__.e2e-spec.ts.template

@@ -0,0 +1,16 @@
+import { expect, test } from '@playwright/test';
+
+test.describe('<%= classify(name) %>', () => {
+  test('renders mounted meter with native bounds and label', async ({ page }) => {
+    await page.goto('/');
+    const component = page.locator('<%= selector %>').first();
+    test.skip((await component.count()) === 0, 'Mount <<%= selector %> /> in a route or host component to enable this generated e2e test.');
+
+    const meter = component.locator('meter').first();
+    await expect(meter).toBeVisible();
+    const id = await meter.getAttribute('id');
+    await expect(component.locator(`label[for="${id}"]`)).toBeVisible();
+    await expect(meter).toHaveAttribute('min', '0');
+    await expect(meter).toHaveAttribute('max', '100');
+  });
+});

package/src/meter/index.js

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

package/src/meter/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,oBAAoB,EAAE,KAAK,EAAE,CAAC,CAAC"}

package/src/meter/index.ts

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

package/src/navbar/files/__name@dasherize__/__name@dasherize__.e2e-spec.ts.template

@@ -0,0 +1,27 @@
+import { expect, test } from '@playwright/test';
+
+test.describe('<%= classify(name) %>', () => {
+  test('toggles mounted responsive navigation menu', async ({ page }) => {
+    await page.goto('/');
+
+    const component = page.locator('<%= selector %>').first();
+    test.skip(
+      (await component.count()) === 0,
+      'Mount <<%= selector %> /> in a route or host component to enable this generated e2e test.'
+    );
+
+    const nav = component.getByRole('navigation').first();
+    const toggle = component.locator('.semmet-navbar__toggle').first();
+
+    await expect(nav).toBeVisible();
+    await expect(toggle).toHaveAttribute('aria-expanded', 'false');
+
+    await toggle.click();
+    await expect(toggle).toHaveAttribute('aria-expanded', 'true');
+
+    const current = component.locator('[aria-current="page"]').first();
+    if ((await current.count()) > 0) {
+      await expect(current).toBeVisible();
+    }
+  });
+});

package/src/navbar/index.js

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

package/src/navbar/index.js.map

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

package/src/navbar/index.ts

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

package/src/navigation-menu/files/__name@dasherize__/__name@dasherize__.e2e-spec.ts.template

@@ -0,0 +1,28 @@
+import { expect, test } from '@playwright/test';
+
+test.describe('<%= classify(name) %>', () => {
+  test('toggles mounted disclosure navigation submenu', async ({ page }) => {
+    await page.goto('/');
+
+    const component = page.locator('<%= selector %>').first();
+    test.skip(
+      (await component.count()) === 0,
+      'Mount <<%= selector %> /> in a route or host component to enable this generated e2e test.'
+    );
+
+    const nav = component.getByRole('navigation').first();
+    const trigger = component.getByRole('button').first();
+
+    await expect(nav).toHaveAttribute('aria-label', /.+/);
+    await expect(component.locator('[role="menu"]')).toHaveCount(0);
+    await expect(trigger).toHaveAttribute('aria-expanded', 'false');
+
+    const submenuId = await trigger.getAttribute('aria-controls');
+    const submenu = component.locator(`#${submenuId}`);
+    await expect(submenu).toBeHidden();
+
+    await trigger.click();
+    await expect(trigger).toHaveAttribute('aria-expanded', 'true');
+    await expect(submenu).toBeVisible();
+  });
+});

package/src/navigation-menu/index.js

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

package/src/navigation-menu/index.js.map

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

package/src/navigation-menu/index.ts

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

package/src/ng-add/index.js

@@ -10,6 +10,7 @@ function ngAdd(options) {
     return (0, schematics_1.chain)([
         options.skipE2e ? skipRule : addPlaywrightDependency,
         options.skipE2e ? skipRule : addPackageScripts,
+        addDeliveryVerificationScript,
         options.skipE2e ? skipRule : addPlaywrightConfig,
         options.skipE2e ? skipRule : installPackages,
     ]);
@@ -35,6 +36,27 @@ function addPackageScripts(tree) {
     };
     writeJson(tree, '/package.json', packageJson);
 }
+function addDeliveryVerificationScript(tree) {
+    const packageJson = readJson(tree, '/package.json');
+    const scripts = packageJson.scripts ?? {};
+    if (scripts.verify) {
+        return;
+    }
+    const verifyCommands = [
+        scripts.test ? 'npm test -- --watch=false' : undefined,
+        scripts.e2e ? 'npm run e2e' : undefined,
+        scripts.build ? 'npm run build' : undefined,
+        scripts.lint ? 'npm run lint' : undefined,
+    ].filter((command) => Boolean(command));
+    if (verifyCommands.length === 0) {
+        return;
+    }
+    packageJson.scripts = {
+        ...scripts,
+        verify: verifyCommands.join(' && '),
+    };
+    writeJson(tree, '/package.json', packageJson);
+}
 function addPlaywrightConfig(tree) {
     if (tree.exists('/playwright.config.ts')) {
         return;

package/src/ng-add/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":";;AAOA,sBASC;AAhBD,2DAAiF;AACjF,4DAA0E;AAG1E,MAAM,kBAAkB,GAAG,SAAS,CAAC;AACrC,MAAM,kBAAkB,GAAG,UAAU,CAAC;AAEtC,SAAgB,KAAK,CAAC,OAAe;IACnC,MAAM,QAAQ,GAAS,GAAG,EAAE,CAAC,SAAS,CAAC;IAEvC,OAAO,IAAA,kBAAK,EAAC;QACX,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,uBAAuB;QACpD,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,iBAAiB;QAC9C,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,mBAAmB;QAChD,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,eAAe;KAC7C,CAAC,CAAC;AACL,CAAC;AAED,SAAS,uBAAuB,CAAC,IAAU;IACzC,MAAM,WAAW,GAAG,QAAQ,CAAC,IAAI,EAAE,eAAe,CAAC,CAAC;IACpD,MAAM,eAAe,GAAG,WAAW,CAAC,eAAe,IAAI,EAAE,CAAC;IAE1D,WAAW,CAAC,eAAe,GAAG;QAC5B,GAAG,eAAe;QAClB,kBAAkB,EAAE,eAAe,CAAC,kBAAkB,CAAC,IAAI,kBAAkB;QAC7E,aAAa,EAAE,eAAe,CAAC,aAAa,CAAC,IAAI,kBAAkB;KACpE,CAAC;IAEF,SAAS,CAAC,IAAI,EAAE,eAAe,EAAE,WAAW,CAAC,CAAC;AAChD,CAAC;AAED,SAAS,iBAAiB,CAAC,IAAU;IACnC,MAAM,WAAW,GAAG,QAAQ,CAAC,IAAI,EAAE,eAAe,CAAC,CAAC;IACpD,MAAM,OAAO,GAAG,WAAW,CAAC,OAAO,IAAI,EAAE,CAAC;IAE1C,WAAW,CAAC,OAAO,GAAG;QACpB,GAAG,OAAO;QACV,GAAG,EAAE,OAAO,CAAC,GAAG,IAAI,iBAAiB;QACrC,QAAQ,EAAE,OAAO,CAAC,QAAQ,CAAC,IAAI,sBAAsB;QACrD,YAAY,EAAE,OAAO,CAAC,YAAY,CAAC,IAAI,wBAAwB;KAChE,CAAC;IAEF,SAAS,CAAC,IAAI,EAAE,eAAe,EAAE,WAAW,CAAC,CAAC;AAChD,CAAC;AAED,SAAS,mBAAmB,CAAC,IAAU;IACrC,IAAI,IAAI,CAAC,MAAM,CAAC,uBAAuB,CAAC,EAAE,CAAC;QACzC,OAAO;IACT,CAAC;IAED,IAAI,CAAC,MAAM,CACT,uBAAuB,EACvB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6BH,CACE,CAAC;AACJ,CAAC;AAED,SAAS,eAAe,CAAC,KAAW,EAAE,OAAyB;IAC7D,OAAO,CAAC,OAAO,CAAC,IAAI,8BAAsB,EAAE,CAAC,CAAC;AAChD,CAAC;AAED,SAAS,QAAQ,CAAC,IAAU,EAAE,IAAY;IACxC,MAAM,OAAO,GAAG,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;IACpC,OAAO,IAAI,CAAC,KAAK,CAAC,OAAO,CAAwB,CAAC;AACpD,CAAC;AAED,SAAS,SAAS,CAAC,IAAU,EAAE,IAAY,EAAE,KAA0B;IACrE,IAAI,CAAC,SAAS,CAAC,IAAI,EAAE,GAAG,IAAI,CAAC,SAAS,CAAC,KAAK,EAAE,IAAI,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC;AAC9D,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"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"}

package/src/ng-add/index.ts

@@ -11,6 +11,7 @@ export function ngAdd(options: Schema): Rule {
   return chain([
     options.skipE2e ? skipRule : addPlaywrightDependency,
     options.skipE2e ? skipRule : addPackageScripts,
+    addDeliveryVerificationScript,
     options.skipE2e ? skipRule : addPlaywrightConfig,
     options.skipE2e ? skipRule : installPackages,
   ]);
@@ -43,6 +44,33 @@ function addPackageScripts(tree: Tree): void {
   writeJson(tree, '/package.json', packageJson);
 }
 
+function addDeliveryVerificationScript(tree: Tree): void {
+  const packageJson = readJson(tree, '/package.json');
+  const scripts = packageJson.scripts ?? {};
+
+  if (scripts.verify) {
+    return;
+  }
+
+  const verifyCommands = [
+    scripts.test ? 'npm test -- --watch=false' : undefined,
+    scripts.e2e ? 'npm run e2e' : undefined,
+    scripts.build ? 'npm run build' : undefined,
+    scripts.lint ? 'npm run lint' : undefined,
+  ].filter((command): command is string => Boolean(command));
+
+  if (verifyCommands.length === 0) {
+    return;
+  }
+
+  packageJson.scripts = {
+    ...scripts,
+    verify: verifyCommands.join(' && '),
+  };
+
+  writeJson(tree, '/package.json', packageJson);
+}
+
 function addPlaywrightConfig(tree: Tree): void {
   if (tree.exists('/playwright.config.ts')) {
     return;

package/src/offcanvas/files/__name@dasherize__/__name@dasherize__.e2e-spec.ts.template

@@ -0,0 +1,28 @@
+import { expect, test } from '@playwright/test';
+
+test.describe('<%= classify(name) %>', () => {
+  test('opens mounted offcanvas as modal dialog and closes it with Escape', async ({ page }) => {
+    await page.goto('/');
+
+    const component = page.locator('<%= selector %>').first();
+    test.skip(
+      (await component.count()) === 0,
+      'Mount <<%= selector %> /> in a route or host component to enable this generated e2e test.'
+    );
+
+    const trigger = component.locator('.semmet-offcanvas__trigger').first();
+    await expect(trigger).toBeVisible();
+    await expect(trigger).toHaveAttribute('aria-expanded', 'false');
+
+    await trigger.click();
+    await expect(trigger).toHaveAttribute('aria-expanded', 'true');
+
+    const panel = component.getByRole('dialog').first();
+    await expect(panel).toBeVisible();
+    await expect(panel).toHaveAttribute('aria-modal', 'true');
+
+    await panel.press('Escape');
+    await expect(trigger).toHaveAttribute('aria-expanded', 'false');
+    await expect(panel).toBeHidden();
+  });
+});

package/src/offcanvas/index.js

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