semmet-angular 0.16.0 → 0.17.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "semmet-angular",
-  "version": "0.16.0",
+  "version": "0.17.0",
   "description": "Angular schematics that generate real, ARIA-conformant standalone components (Accordion, Tabs, Dialog, Disclosure, Tooltip...) with signals-based state and keyboard interaction built in.",
   "publisher": "danilodevsilva",
   "license": "MIT",

package/src/utils/component-test-files/__name@dasherize__/__name@dasherize__.e2e-spec.ts.template

@@ -0,0 +1,10 @@
+import { expect, test } from '@playwright/test';
+
+test.describe('<%= classify(name) %>', () => {
+  test('is rendered and reachable by its Angular selector', async ({ page }) => {
+    await page.goto('/');
+
+    const component = page.locator('<%= selector %>').first();
+    await expect(component).toBeVisible();
+  });
+});

package/src/utils/component-test-files/__name@dasherize__/__name@dasherize__.spec.ts.template

@@ -0,0 +1,23 @@
+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();
+  });
+
+  it('creates the component', () => {
+    expect(fixture.componentInstance).toBeTruthy();
+  });
+
+  it('renders through the configured selector', () => {
+    expect(fixture.nativeElement.matches('<%= selector %>')).toBeTrue();
+  });
+});

package/src/utils/generate-component.js

@@ -20,11 +20,15 @@ function createAriaComponentSchematic() {
         const selector = `${project.prefix ? `${project.prefix}-` : ''}${core_1.strings.dasherize(name)}`;
         (0, validation_1.validateHtmlSelector)(selector);
         (0, validation_1.validateClassName)(core_1.strings.classify(name));
-        const templateSource = (0, schematics_1.apply)((0, schematics_1.url)('./files'), [
+        const componentTemplateSource = (0, schematics_1.apply)((0, schematics_1.url)('./files'), [
             (0, schematics_1.applyTemplates)({ ...core_1.strings, name, selector }),
             (0, schematics_1.move)(parsedPath.path),
         ]);
-        return (0, schematics_1.chain)([(0, schematics_1.mergeWith)(templateSource)]);
+        const testTemplateSource = (0, schematics_1.apply)((0, schematics_1.url)('../utils/component-test-files'), [
+            (0, schematics_1.applyTemplates)({ ...core_1.strings, name, selector }),
+            (0, schematics_1.move)(parsedPath.path),
+        ]);
+        return (0, schematics_1.chain)([(0, schematics_1.mergeWith)(componentTemplateSource), (0, schematics_1.mergeWith)(testTemplateSource)]);
     });
 }
 //# sourceMappingURL=generate-component.js.map

package/src/utils/generate-component.js.map

@@ -1 +1 @@
-{"version":3,"file":"generate-component.js","sourceRoot":"","sources":["generate-component.ts"],"names":[],"mappings":";;AAaA,oEAkBC;AA/BD,2DAAsG;AACtG,+CAA+C;AAC/C,iEAA6E;AAC7E,qEAAyE;AACzE,uEAAmE;AACnE,uEAAiG;AAGjG;;;;GAIG;AACH,SAAgB,4BAA4B;IAC1C,OAAO,IAAA,gCAAsB,EAA4B,CAAC,OAAO,EAAE,EAAE,OAAO,EAAE,EAAE,EAAE;QAChF,OAAO,CAAC,IAAI,KAAK,IAAA,4BAAgB,EAAC,OAAO,CAAC,CAAC;QAE3C,MAAM,UAAU,GAAG,IAAA,sBAAS,EAAC,OAAO,CAAC,IAAI,EAAE,OAAO,CAAC,IAAI,CAAC,CAAC;QACzD,MAAM,IAAI,GAAG,UAAU,CAAC,IAAI,CAAC;QAE7B,MAAM,QAAQ,GAAG,GAAG,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,GAAG,OAAO,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,EAAE,GAAG,cAAO,CAAC,SAAS,CAAC,IAAI,CAAC,EAAE,CAAC;QAC3F,IAAA,iCAAoB,EAAC,QAAQ,CAAC,CAAC;QAC/B,IAAA,8BAAiB,EAAC,cAAO,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC;QAE1C,MAAM,cAAc,GAAG,IAAA,kBAAK,EAAC,IAAA,gBAAG,EAAC,SAAS,CAAC,EAAE;YAC3C,IAAA,2BAAc,EAAC,EAAE,GAAG,cAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC;YAC9C,IAAA,iBAAI,EAAC,UAAU,CAAC,IAAI,CAAC;SACtB,CAAC,CAAC;QAEH,OAAO,IAAA,kBAAK,EAAC,CAAC,IAAA,sBAAS,EAAC,cAAc,CAAC,CAAC,CAAC,CAAC;IAC5C,CAAC,CAAC,CAAC;AACL,CAAC"}
+{"version":3,"file":"generate-component.js","sourceRoot":"","sources":["generate-component.ts"],"names":[],"mappings":";;AAaA,oEAsBC;AAnCD,2DAAsG;AACtG,+CAA+C;AAC/C,iEAA6E;AAC7E,qEAAyE;AACzE,uEAAmE;AACnE,uEAAiG;AAGjG;;;;GAIG;AACH,SAAgB,4BAA4B;IAC1C,OAAO,IAAA,gCAAsB,EAA4B,CAAC,OAAO,EAAE,EAAE,OAAO,EAAE,EAAE,EAAE;QAChF,OAAO,CAAC,IAAI,KAAK,IAAA,4BAAgB,EAAC,OAAO,CAAC,CAAC;QAE3C,MAAM,UAAU,GAAG,IAAA,sBAAS,EAAC,OAAO,CAAC,IAAI,EAAE,OAAO,CAAC,IAAI,CAAC,CAAC;QACzD,MAAM,IAAI,GAAG,UAAU,CAAC,IAAI,CAAC;QAE7B,MAAM,QAAQ,GAAG,GAAG,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,GAAG,OAAO,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,EAAE,GAAG,cAAO,CAAC,SAAS,CAAC,IAAI,CAAC,EAAE,CAAC;QAC3F,IAAA,iCAAoB,EAAC,QAAQ,CAAC,CAAC;QAC/B,IAAA,8BAAiB,EAAC,cAAO,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC;QAE1C,MAAM,uBAAuB,GAAG,IAAA,kBAAK,EAAC,IAAA,gBAAG,EAAC,SAAS,CAAC,EAAE;YACpD,IAAA,2BAAc,EAAC,EAAE,GAAG,cAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC;YAC9C,IAAA,iBAAI,EAAC,UAAU,CAAC,IAAI,CAAC;SACtB,CAAC,CAAC;QACH,MAAM,kBAAkB,GAAG,IAAA,kBAAK,EAAC,IAAA,gBAAG,EAAC,+BAA+B,CAAC,EAAE;YACrE,IAAA,2BAAc,EAAC,EAAE,GAAG,cAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC;YAC9C,IAAA,iBAAI,EAAC,UAAU,CAAC,IAAI,CAAC;SACtB,CAAC,CAAC;QAEH,OAAO,IAAA,kBAAK,EAAC,CAAC,IAAA,sBAAS,EAAC,uBAAuB,CAAC,EAAE,IAAA,sBAAS,EAAC,kBAAkB,CAAC,CAAC,CAAC,CAAC;IACpF,CAAC,CAAC,CAAC;AACL,CAAC"}

package/src/utils/generate-component.ts

@@ -22,11 +22,15 @@ export function createAriaComponentSchematic(): (options: ComponentSchematicOpti
     validateHtmlSelector(selector);
     validateClassName(strings.classify(name));
 
-    const templateSource = apply(url('./files'), [
+    const componentTemplateSource = apply(url('./files'), [
+      applyTemplates({ ...strings, name, selector }),
+      move(parsedPath.path),
+    ]);
+    const testTemplateSource = apply(url('../utils/component-test-files'), [
       applyTemplates({ ...strings, name, selector }),
       move(parsedPath.path),
     ]);
 
-    return chain([mergeWith(templateSource)]);
+    return chain([mergeWith(componentTemplateSource), mergeWith(testTemplateSource)]);
   });
 }