✨ feat: create spec file for common component

Author: dev-cristhian

src/commands/generate/component/common/common.test.ts

@@ -1,8 +1,7 @@
 import { filesystem } from 'gluegun';
-
 import { runNgxdCLI } from '../../../../utils/cli-test-setup';
 
-describe('[Commands: generate common component]', () => {
+describe('Commands: [Generate] => [Component] => [Common]', () => {
   beforeEach(() => {
     jest.useFakeTimers();
     jest.setTimeout(100000);
@@ -47,4 +46,26 @@ describe('[Commands: generate common component]', () => {
     expect(ts).toContain(`styleUrls: ['./${name}.component.scss']`);
     filesystem.remove(`${name}`);
   });
+
+  test('should generate a common component with spec file', async () => {
+    const name = 'sample-style-template-url';
+    await runNgxdCLI(`g c c ${name}`);
+
+    const ts = filesystem.read(`${name}/${name}.component.spec.ts`);
+
+    expect(ts).toBeDefined();
+
+    filesystem.remove(`${name}`);
+  });
+
+  test('should not contain ngOnInit on import statment', async () => {
+    const name = 'sample-style-template-url';
+    await runNgxdCLI(`g c c ${name}`);
+
+    const ts = filesystem.read(`${name}/${name}.component.ts`);
+
+    expect(ts).not.toContain(`OnInit`);
+
+    filesystem.remove(`${name}`);
+  });
 });

src/commands/generate/component/common/common.ts

@@ -1,8 +1,5 @@
 import { GluegunCommand, GluegunToolbox, strings } from 'gluegun';
-
-import {
-    getComponentName, getComponentPath, printCreated
-} from '../../../../utils/functions.helper';
+import { getComponentName, getComponentPath, printCreated } from '../../../../utils/functions.helper';
 
 const COMMAND: GluegunCommand = {
   name: 'common',
@@ -38,8 +35,19 @@ const COMMAND: GluegunCommand = {
       }
     });
 
+    template.generate({
+      template: 'component.template.spec.ts.ejs',
+      target: `${componentPath}.component.spec.ts`,
+      props: {
+        type: 'component',
+        name: componentName,
+        ...strings
+      }
+    });
+
     printCreated(print, `${componentPath}.component.html`);
     printCreated(print, `${componentPath}.component.scss`);
+    printCreated(print, `${componentPath}.component.spec.ts`);
     printCreated(print, `${componentPath}.component.ts`);
   }
 };

src/templates/component.template.spec.ts.ejs

@@ -0,0 +1,24 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+import { <%= pascalCase(props.name) %> } from './<%= kebabCase(props.name) %>.component';
+
+describe('<%= pascalCase(props.name) %>', () => {
+  let component: <%= pascalCase(props.name) %>;
+  let fixture: ComponentFixture<<%= pascalCase(props.name) %>>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      declarations: [ <%= pascalCase(props.name) %> ]
+    })
+    .compileComponents();
+  });
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(<%= pascalCase(props.name) %>);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create <%= kebabCase(props.name) %>', () => {
+    expect(component).toBeTruthy();
+  });
+});

src/templates/component.template.ts.ejs

@@ -1,4 +1,4 @@
-import { Component, OnInit } from '@angular/core';
+import { Component } from '@angular/core';
 
 @Component({
   templateUrl: './<%= kebabCase(props.name) %>.<%= kebabCase(props.type) %>.html',