semmet-angular 0.25.0 → 0.27.0

package/src/offcanvas/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/offcanvas/index.ts

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

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

@@ -0,0 +1,22 @@
+import { expect, test } from '@playwright/test';
+
+test.describe('<%= classify(name) %>', () => {
+  test('moves mounted pagination current page with next and previous controls', 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 current = component.locator('[aria-current="page"]').first();
+    await expect(current).toBeVisible();
+
+    await component.getByRole('button', { name: /next/i }).click();
+    await expect(component.locator('[aria-current="page"]').first()).not.toHaveText(await current.textContent() ?? '');
+
+    await component.getByRole('button', { name: /previous/i }).click();
+    await expect(current).toHaveAttribute('aria-current', 'page');
+  });
+});

package/src/pagination/index.js

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

package/src/pagination/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/pagination/index.ts

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

package/src/popover/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 popover 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('[aria-haspopup="dialog"]').first();
+    await expect(trigger).toBeVisible();
+    await expect(trigger).toHaveAttribute('aria-expanded', 'false');
+
+    await trigger.click();
+    await expect(trigger).toHaveAttribute('aria-expanded', 'true');
+
+    const popover = component.getByRole('dialog').first();
+    await expect(popover).toBeVisible();
+    await expect(popover).toHaveAttribute('aria-labelledby', /.+/);
+
+    await popover.press('Escape');
+    await expect(trigger).toHaveAttribute('aria-expanded', 'false');
+    await expect(popover).toBeHidden();
+  });
+});

package/src/popover/index.js

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

package/src/popover/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/popover/index.ts

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

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

@@ -0,0 +1,16 @@
+import { expect, test } from '@playwright/test';
+
+test.describe('<%= classify(name) %>', () => {
+  test('advances mounted native progress value', 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 progress = component.locator('progress').first();
+    await expect(progress).toBeVisible();
+    await expect(progress).toHaveAttribute('max', '100');
+    const initialValue = await progress.getAttribute('value');
+    await component.getByRole('button').click();
+    await expect(progress).not.toHaveAttribute('value', initialValue ?? '');
+  });
+});

package/src/progress-bar/index.js

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

package/src/progress-bar/index.js.map

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

package/src/progress-bar/index.ts

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

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

@@ -0,0 +1,30 @@
+import { expect, test } from '@playwright/test';
+
+test.describe('<%= classify(name) %>', () => {
+  test('selects mounted radio options 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 radios = component.getByRole('radio');
+    test.skip(
+      (await radios.count()) < 2,
+      'Mount at least two radio options to enable the generated radio-group interaction e2e test.'
+    );
+
+    const first = radios.nth(0);
+    const second = radios.nth(1);
+
+    await expect(first).toHaveAttribute('aria-checked', 'true');
+    await second.click();
+    await expect(second).toHaveAttribute('aria-checked', 'true');
+    await expect(first).toHaveAttribute('aria-checked', 'false');
+
+    await second.press('ArrowLeft');
+    await expect(first).toHaveAttribute('aria-checked', 'true');
+  });
+});

package/src/radio-group/index.js

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

package/src/radio-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,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/radio-group/index.ts

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

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

@@ -0,0 +1,26 @@
+import { expect, test } from '@playwright/test';
+
+test.describe('<%= classify(name) %>', () => {
+  test('changes mounted native select value', 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 select = component.locator('select').first();
+    await expect(select).toBeVisible();
+
+    const options = select.locator('option:not([disabled])');
+    test.skip(
+      (await options.count()) < 2,
+      'Mount at least two enabled select options to enable this generated select interaction e2e test.'
+    );
+
+    const nextValue = await options.nth(1).getAttribute('value');
+    await select.selectOption(nextValue ?? '');
+    await expect(select).toHaveValue(nextValue ?? '');
+  });
+});

package/src/select/index.js

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

package/src/select/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/select/index.ts

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

package/src/skeleton/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 skeleton loading placeholder accessibly', 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 skeleton = component.locator('span').first();
+    await expect(skeleton).toBeVisible();
+    const role = await skeleton.getAttribute('role');
+    if (role !== null) {
+      await expect(skeleton).toHaveAttribute('role', /status|progressbar/);
+    }
+  });
+});

package/src/skeleton/index.js

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

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

package/src/skeleton/index.ts

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

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

@@ -0,0 +1,13 @@
+import { expect, test } from '@playwright/test';
+
+test.describe('<%= classify(name) %>', () => {
+  test('renders mounted skip link pointing to main content', 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 link = component.getByRole('link', { name: /skip to main content/i });
+    await expect(link).toBeVisible();
+    await expect(link).toHaveAttribute('href', /#main-content$/);
+  });
+});

package/src/skip-link/index.js

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

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

package/src/skip-link/index.ts

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

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

@@ -0,0 +1,23 @@
+import { expect, test } from '@playwright/test';
+
+test.describe('<%= classify(name) %>', () => {
+  test('updates mounted slider value with 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 slider = component.getByRole('slider').first();
+    await expect(slider).toBeVisible();
+    await expect(slider).toHaveAttribute('aria-valuenow', '50');
+
+    await slider.press('ArrowRight');
+    await expect(slider).toHaveAttribute('aria-valuenow', '51');
+
+    await slider.press('Home');
+    await expect(slider).toHaveAttribute('aria-valuenow', '0');
+  });
+});

package/src/slider/index.js

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

package/src/slider/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/slider/index.ts

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

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

@@ -0,0 +1,23 @@
+import { expect, test } from '@playwright/test';
+
+test.describe('<%= classify(name) %>', () => {
+  test('updates mounted spinbutton from buttons 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 spinbutton = component.getByRole('spinbutton').first();
+    await expect(spinbutton).toBeVisible();
+    await expect(spinbutton).toHaveValue('1');
+
+    await component.getByRole('button', { name: /increase/i }).click();
+    await expect(spinbutton).toHaveValue('2');
+
+    await spinbutton.press('ArrowDown');
+    await expect(spinbutton).toHaveValue('1');
+  });
+});

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)({ includeSharedUnitTest: false });
+exports.spinbutton = (0, generate_component_1.createAriaComponentSchematic)({ includeSharedUnitTest: false, includeSharedE2eTest: 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,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/spinbutton/index.ts

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

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

@@ -0,0 +1,17 @@
+import { expect, test } from '@playwright/test';
+
+test.describe('<%= classify(name) %>', () => {
+  test('renders mounted spinner status without exposing decorative visual', 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 spinner = component.locator('span').first();
+    await expect(spinner).toBeVisible();
+    const role = await spinner.getAttribute('role');
+    if (role !== null) {
+      await expect(spinner).toHaveAttribute('role', 'status');
+    }
+    await expect(component.locator('.semmet-spinner__visual')).toHaveAttribute('aria-hidden', 'true');
+  });
+});

package/src/spinner/index.js

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

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

package/src/spinner/index.ts

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

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

@@ -0,0 +1,20 @@
+import { expect, test } from '@playwright/test';
+
+test.describe('<%= classify(name) %>', () => {
+  test('toggles mounted switch checked state', 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 control = component.getByRole('switch').first();
+    await expect(control).toBeVisible();
+    await expect(control).toHaveAttribute('aria-checked', 'false');
+
+    await control.click();
+    await expect(control).toHaveAttribute('aria-checked', 'true');
+  });
+});

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)({ includeSharedUnitTest: false });
+exports.switchSchematic = (0, generate_component_1.createAriaComponentSchematic)({ includeSharedUnitTest: false, includeSharedE2eTest: 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,EAAC,EAAE,qBAAqB,EAAE,KAAK,EAAE,CAAC,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,oBAAoB,EAAE,KAAK,EAAE,CAAC,CAAC"}

package/src/switch/index.ts

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

package/src/table/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 table with caption and scoped headers', 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 table = component.locator('table').first();
+    await expect(table).toBeVisible();
+    await expect(table.locator('caption')).toBeVisible();
+    await expect(table.locator('th[scope="col"]')).toHaveCount(2);
+    await expect(table.locator('tbody tr')).not.toHaveCount(0);
+  });
+});

package/src/table/index.js

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

package/src/table/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/table/index.ts

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

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

@@ -0,0 +1,34 @@
+import { expect, test } from '@playwright/test';
+
+test.describe('<%= classify(name) %>', () => {
+  test('switches mounted tabs through click and keyboard navigation', 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 tabs = component.getByRole('tab');
+    test.skip(
+      (await tabs.count()) < 2,
+      'Mount at least two tabs to enable the generated tabs interaction e2e test.'
+    );
+
+    const firstTab = tabs.nth(0);
+    const secondTab = tabs.nth(1);
+
+    await expect(firstTab).toHaveAttribute('aria-selected', 'true');
+    await secondTab.click();
+    await expect(secondTab).toHaveAttribute('aria-selected', 'true');
+
+    const panelId = await secondTab.getAttribute('aria-controls');
+    await expect(page.locator(`#${panelId}`)).toBeVisible();
+
+    await secondTab.press('Home');
+    await expect(firstTab).toBeFocused();
+  });
+});

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)({ includeSharedUnitTest: false });
+exports.tabs = (0, generate_component_1.createAriaComponentSchematic)({ includeSharedUnitTest: false, includeSharedE2eTest: 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,EAAC,EAAE,qBAAqB,EAAE,KAAK,EAAE,CAAC,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,oBAAoB,EAAE,KAAK,EAAE,CAAC,CAAC"}

package/src/tabs/index.ts

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

package/src/textarea/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 text through the mounted native textarea', 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 textarea = component.locator('textarea').first();
+    await expect(textarea).toBeVisible();
+
+    const id = await textarea.getAttribute('id');
+    await expect(component.locator(`label[for="${id}"]`)).toBeVisible();
+
+    await textarea.fill('Accessible UI delivery with Semmet Angular.');
+    await expect(textarea).toHaveValue('Accessible UI delivery with Semmet Angular.');
+  });
+});

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)({ includeSharedUnitTest: false });
+exports.textarea = (0, generate_component_1.createAriaComponentSchematic)({ includeSharedUnitTest: false, includeSharedE2eTest: 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,EAAC,EAAE,qBAAqB,EAAE,KAAK,EAAE,CAAC,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,oBAAoB,EAAE,KAAK,EAAE,CAAC,CAAC"}

package/src/textarea/index.ts

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