@po-ui/ng-components 5.22.0 → 5.22.4

package/schematics/ng-generate/po-page-default/schema.json

@@ -1,67 +1,67 @@
-{
-  "$schema": "http://json-schema.org/schema",
-  "$id": "SchematicsPOPageDefault",
-  "title": "Page Default Options Schema",
-  "type": "object",
-  "properties": {
-    "style": {
-      "description": "The file extension or preprocessor to use for style files.",
-      "type": "string",
-      "default": "css"
-    },
-    "project": {
-      "type": "string",
-      "description": "The name of the project.",
-      "$default": {
-        "$source": "projectName"
-      }
-    },
-    "routing": {
-      "type": "boolean",
-      "description": "When true, creates a routing module.",
-      "default": false
-    },
-    "createModule": {
-      "type": "boolean",
-      "description": "When true, create a component module.",
-      "default": false
-    },
-    "name": {
-      "type": "string",
-      "description": "The name to use for the component",
-      "$default": {
-        "$source": "argv",
-        "index": 0
-      },
-      "x-prompt": "What name would you like to use for the component?"
-    },
-    "skipTests": {
-      "description": "When true, does not create \"spec.ts\" test files for the app.",
-      "type": "boolean",
-      "default": false,
-      "alias": "S",
-      "x-user-analytics": 12
-    },
-    "path": {
-      "type": "string",
-      "format": "path",
-      "description": "The path at which to create the component file, relative to the current workspace. Default is a folder with the same name as the component in the project root.",
-      "visible": false
-    },
-    "prefix": {
-      "type": "string",
-      "description": "The prefix to apply to the generated component selector.",
-      "alias": "p",
-      "oneOf": [
-        {
-          "maxLength": 0
-        },
-        {
-          "minLength": 1,
-          "format": "html-selector"
-        }
-      ]
-    }
-  },
-  "required": ["name"]
-}
+{
+  "$schema": "http://json-schema.org/schema",
+  "$id": "SchematicsPOPageDefault",
+  "title": "Page Default Options Schema",
+  "type": "object",
+  "properties": {
+    "style": {
+      "description": "The file extension or preprocessor to use for style files.",
+      "type": "string",
+      "default": "css"
+    },
+    "project": {
+      "type": "string",
+      "description": "The name of the project.",
+      "$default": {
+        "$source": "projectName"
+      }
+    },
+    "routing": {
+      "type": "boolean",
+      "description": "When true, creates a routing module.",
+      "default": false
+    },
+    "createModule": {
+      "type": "boolean",
+      "description": "When true, create a component module.",
+      "default": false
+    },
+    "name": {
+      "type": "string",
+      "description": "The name to use for the component",
+      "$default": {
+        "$source": "argv",
+        "index": 0
+      },
+      "x-prompt": "What name would you like to use for the component?"
+    },
+    "skipTests": {
+      "description": "When true, does not create \"spec.ts\" test files for the app.",
+      "type": "boolean",
+      "default": false,
+      "alias": "S",
+      "x-user-analytics": 12
+    },
+    "path": {
+      "type": "string",
+      "format": "path",
+      "description": "The path at which to create the component file, relative to the current workspace. Default is a folder with the same name as the component in the project root.",
+      "visible": false
+    },
+    "prefix": {
+      "type": "string",
+      "description": "The prefix to apply to the generated component selector.",
+      "alias": "p",
+      "oneOf": [
+        {
+          "maxLength": 0
+        },
+        {
+          "minLength": 1,
+          "format": "html-selector"
+        }
+      ]
+    }
+  },
+  "required": ["name"]
+}

package/schematics/ng-generate/po-page-detail/files/__path__/__name@dasherize__/__name@dasherize__-routing.module.ts.template

@@ -1,14 +1,14 @@
-import { NgModule } from '@angular/core';
-import { Routes, RouterModule } from '@angular/router';
-
-import { <%= classify(name) %>Component } from './<%= dasherize(name) %>.component';
-
-const routes: Routes = [
-  { path: '', component: <%= classify(name) %>Component }
-];
-
-@NgModule({
-  imports: [RouterModule.forChild(routes)],
-  exports: [RouterModule]
-})
-export class <%= classify(name) %>RoutingModule { }
+import { NgModule } from '@angular/core';
+import { Routes, RouterModule } from '@angular/router';
+
+import { <%= classify(name) %>Component } from './<%= dasherize(name) %>.component';
+
+const routes: Routes = [
+  { path: '', component: <%= classify(name) %>Component }
+];
+
+@NgModule({
+  imports: [RouterModule.forChild(routes)],
+  exports: [RouterModule]
+})
+export class <%= classify(name) %>RoutingModule { }

package/schematics/ng-generate/po-page-detail/files/__path__/__name@dasherize__/__name@dasherize__.component.html.template

@@ -1,8 +1,8 @@
-<po-page-detail
-  p-title="<%= classify(name) %>"
-  (p-back)="back()"
-  (p-edit)="edit()"
-  (p-remove)="remove()">
-
-  <!-- BUILD YOUR DATA VIEW HERE -->
-</po-page-detail>
+<po-page-detail
+  p-title="<%= classify(name) %>"
+  (p-back)="back()"
+  (p-edit)="edit()"
+  (p-remove)="remove()">
+
+  <!-- BUILD YOUR DATA VIEW HERE -->
+</po-page-detail>

package/schematics/ng-generate/po-page-detail/files/__path__/__name@dasherize__/__name@dasherize__.component.spec.ts.template

@@ -1,32 +1,32 @@
-import { async, ComponentFixture, TestBed } from '@angular/core/testing';
-import { RouterTestingModule } from '@angular/router/testing';
-
-import { PoPageModule } from '@po-ui/ng-components';
-
-import { <%= classify(name) %>Component } from './<%= dasherize(name) %>.component';
-
-describe('<%= classify(name) %>Component', () => {
-  let component: <%= classify(name) %>Component;
-  let fixture: ComponentFixture<<%= classify(name) %>Component>;
-
-  beforeEach(async(() => {
-    TestBed.configureTestingModule({
-      imports: [
-        RouterTestingModule,
-        PoPageModule
-      ],
-      declarations: [ <%= classify(name) %>Component ]
-    })
-    .compileComponents();
-  }));
-
-  beforeEach(() => {
-    fixture = TestBed.createComponent(<%= classify(name) %>Component);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-  });
-
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
-});
+import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+import { RouterTestingModule } from '@angular/router/testing';
+
+import { PoPageModule } from '@po-ui/ng-components';
+
+import { <%= classify(name) %>Component } from './<%= dasherize(name) %>.component';
+
+describe('<%= classify(name) %>Component', () => {
+  let component: <%= classify(name) %>Component;
+  let fixture: ComponentFixture<<%= classify(name) %>Component>;
+
+  beforeEach(async(() => {
+    TestBed.configureTestingModule({
+      imports: [
+        RouterTestingModule,
+        PoPageModule
+      ],
+      declarations: [ <%= classify(name) %>Component ]
+    })
+    .compileComponents();
+  }));
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(<%= classify(name) %>Component);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

package/schematics/ng-generate/po-page-detail/files/__path__/__name@dasherize__/__name@dasherize__.component.ts.template

@@ -1,26 +1,26 @@
-import { Component, OnInit } from '@angular/core';
-
-@Component({
-  selector: '<%= selector %>',
-  templateUrl: './<%= dasherize(name) %>.component.html',
-  styleUrls: ['./<%= dasherize(name) %>.component.<%= style %>']
-})
-export class <%= classify(name) %>Component implements OnInit {
-
-  constructor() { }
-
-  ngOnInit() { }
-
-  back() {
-    // back action here
-  }
-
-  edit() {
-    // edit action here
-  }
-
-  remove() {
-    // remove action here
-  }
-
-}
+import { Component, OnInit } from '@angular/core';
+
+@Component({
+  selector: '<%= selector %>',
+  templateUrl: './<%= dasherize(name) %>.component.html',
+  styleUrls: ['./<%= dasherize(name) %>.component.<%= style %>']
+})
+export class <%= classify(name) %>Component implements OnInit {
+
+  constructor() { }
+
+  ngOnInit() { }
+
+  back() {
+    // back action here
+  }
+
+  edit() {
+    // edit action here
+  }
+
+  remove() {
+    // remove action here
+  }
+
+}

package/schematics/ng-generate/po-page-detail/files/__path__/__name@dasherize__/__name@dasherize__.module.ts.template

@@ -1,19 +1,19 @@
-import { CommonModule } from '@angular/common';
-import { NgModule } from '@angular/core';
-
-import { PoModule } from '@po-ui/ng-components';
-
-import { <%= classify(name) %>Component } from './<%= dasherize(name) %>.component';<% if (routing) { %>
-import { <%= classify(name) %>RoutingModule } from './<%= dasherize(name) %>-routing.module';<% } %>
-
-@NgModule({
-  declarations: [
-    <%= classify(name) %>Component
-  ],
-  imports: [
-    CommonModule,
-    PoModule,<% if (routing) { %>
-<%= classify(name) %>RoutingModule<% } %>
-  ]
-})
-export class <%= classify(name) %>Module { }
+import { CommonModule } from '@angular/common';
+import { NgModule } from '@angular/core';
+
+import { PoModule } from '@po-ui/ng-components';
+
+import { <%= classify(name) %>Component } from './<%= dasherize(name) %>.component';<% if (routing) { %>
+import { <%= classify(name) %>RoutingModule } from './<%= dasherize(name) %>-routing.module';<% } %>
+
+@NgModule({
+  declarations: [
+    <%= classify(name) %>Component
+  ],
+  imports: [
+    CommonModule,
+    PoModule,<% if (routing) { %>
+<%= classify(name) %>RoutingModule<% } %>
+  ]
+})
+export class <%= classify(name) %>Module { }

package/schematics/ng-generate/po-page-detail/index.d.ts

@@ -1,4 +1,4 @@
-import { Rule } from '@angular-devkit/schematics';
-import { Schema as ComponentOptions } from '@po-ui/ng-schematics/build-component';
-/** Scaffolds a new <name> component with <po-page-detail> */
-export default function (options: ComponentOptions): Rule;
+import { Rule } from '@angular-devkit/schematics';
+import { Schema as ComponentOptions } from '@po-ui/ng-schematics/build-component';
+/** Scaffolds a new <name> component with <po-page-detail> */
+export default function (options: ComponentOptions): Rule;

package/schematics/ng-generate/po-page-detail/index.js

@@ -1,13 +1,13 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const schematics_1 = require("@angular-devkit/schematics");
-const build_component_1 = require("@po-ui/ng-schematics/build-component");
-/** Scaffolds a new <name> component with <po-page-detail> */
-function default_1(options) {
-    return schematics_1.chain([createPageDetailComponent(options)]);
-}
-exports.default = default_1;
-function createPageDetailComponent(options) {
-    return build_component_1.buildComponent(options);
-}
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const schematics_1 = require("@angular-devkit/schematics");
+const build_component_1 = require("@po-ui/ng-schematics/build-component");
+/** Scaffolds a new <name> component with <po-page-detail> */
+function default_1(options) {
+    return schematics_1.chain([createPageDetailComponent(options)]);
+}
+exports.default = default_1;
+function createPageDetailComponent(options) {
+    return build_component_1.buildComponent(options);
+}
 //# sourceMappingURL=index.js.map

package/schematics/ng-generate/po-page-detail/index.spec.d.ts

@@ -1 +1 @@
-export {};
+export {};

package/schematics/ng-generate/po-page-detail/index.spec.js

@@ -1,121 +1,121 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
-const testing_1 = require("@angular-devkit/schematics/testing");
-const path = require("path");
-const collectionPath = path.join(__dirname, '../../collection.json');
-describe('po-page-detail:', () => {
-    const runner = new testing_1.SchematicTestRunner('schematics', collectionPath);
-    const workspaceOptions = {
-        name: 'workspace',
-        newProjectRoot: 'projects',
-        version: '6.0.0'
-    };
-    const componentOptions = {
-        name: 'po',
-        style: 'css',
-        skipTests: false
-    };
-    let appTree;
-    beforeEach(() => tslib_1.__awaiter(void 0, void 0, void 0, function* () {
-        appTree = yield runner.runExternalSchematicAsync('@schematics/angular', 'workspace', workspaceOptions).toPromise();
-        appTree = yield runner
-            .runExternalSchematicAsync('@schematics/angular', 'application', componentOptions, appTree)
-            .toPromise();
-    }));
-    it('should create <name> component', () => tslib_1.__awaiter(void 0, void 0, void 0, function* () {
-        const componentName = 'supply';
-        const tree = yield runner
-            .runSchematicAsync('po-page-detail', Object.assign(Object.assign({}, componentOptions), { name: componentName }), appTree)
-            .toPromise();
-        const files = tree.files;
-        const fullFilePath = (ext) => `/projects/${componentOptions.name}/src/app/${componentName}/${componentName}.component.${ext}`;
-        expect(files).toContain(fullFilePath('ts'));
-        expect(files).toContain(fullFilePath('html'));
-        expect(files).toContain(fullFilePath('spec.ts'));
-        expect(files).toContain(fullFilePath(componentOptions.style));
-    }));
-    it('should create <name> component and <name> module', () => tslib_1.__awaiter(void 0, void 0, void 0, function* () {
-        const componentName = 'supply';
-        const createModule = true;
-        const options = Object.assign(Object.assign({}, componentOptions), { name: componentName, createModule, project: 'po' });
-        const tree = yield runner.runSchematicAsync('po-page-detail', options, appTree).toPromise();
-        const files = tree.files;
-        expect(files).toContain(`/projects/${options.project}/src/app/${componentName}/${componentName}.module.ts`);
-    }));
-    it('should add declaration component in closest module by default', () => tslib_1.__awaiter(void 0, void 0, void 0, function* () {
-        const options = Object.assign(Object.assign({}, componentOptions), { name: 'customers' });
-        const tree = yield runner.runSchematicAsync('po-page-detail', options, appTree).toPromise();
-        const moduleContent = getFileContent(tree, `/projects/${componentOptions.name}/src/app/app.module.ts`);
-        expect(moduleContent).toMatch(/import.*CustomersComponent.*from '.\/customers\/customers.component'/);
-        expect(moduleContent).toMatch(/declarations:\s*\[[^\]]+?,\r?\n\s+CustomersComponent\r?\n/m);
-    }));
-    it('should import <name> component module if createModule is true', () => tslib_1.__awaiter(void 0, void 0, void 0, function* () {
-        const options = Object.assign(Object.assign({}, componentOptions), { name: 'customers', createModule: true });
-        const tree = yield runner.runSchematicAsync('po-page-detail', options, appTree).toPromise();
-        const moduleContent = getFileContent(tree, `/projects/${componentOptions.name}/src/app/app.module.ts`);
-        expect(moduleContent).toMatch(/import.*CustomersModule.*from '.\/customers\/customers.module'/);
-        expect(moduleContent).toMatch(/imports:\s*\[[^\]]+?,\r?\n\s+CustomersModule\r?\n/m);
-    }));
-    it('should generate component.less if style is `less`', () => tslib_1.__awaiter(void 0, void 0, void 0, function* () {
-        const options = Object.assign(Object.assign({}, componentOptions), { name: 'customers', style: 'less' });
-        const tree = yield runner.runSchematicAsync('po-page-detail', options, appTree).toPromise();
-        const files = tree.files;
-        expect(files).toContain(`/projects/${componentOptions.name}/src/app/customers/customers.component.${options.style}`);
-    }));
-    it('should generate component with stylesheet `css` if options.style is empty', () => tslib_1.__awaiter(void 0, void 0, void 0, function* () {
-        const options = Object.assign(Object.assign({}, componentOptions), { name: 'customers', style: '' });
-        const tree = yield runner.runSchematicAsync('po-page-detail', options, appTree).toPromise();
-        const files = tree.files;
-        expect(files).toContain(`/projects/${componentOptions.name}/src/app/customers/customers.component.css`);
-    }));
-    it('shouldn`t generate component spec if `skipTests` is true', () => tslib_1.__awaiter(void 0, void 0, void 0, function* () {
-        const options = Object.assign(Object.assign({}, componentOptions), { name: 'customers', skipTests: true });
-        const tree = yield runner.runSchematicAsync('po-page-detail', options, appTree).toPromise();
-        const files = tree.files;
-        expect(files).toContain(`/projects/${componentOptions.name}/src/app/customers/customers.component.ts`);
-        expect(files).not.toContain(`/projects/${componentOptions.name}/src/app/customers/customers.component.spec.ts`);
-    }));
-    it('should generate component in path informed', () => tslib_1.__awaiter(void 0, void 0, void 0, function* () {
-        // create customers component module to use with path option
-        const options = Object.assign(Object.assign({}, componentOptions), { name: 'customers', createModule: true });
-        yield runner.runSchematicAsync('po-page-detail', options, appTree).toPromise();
-        const optionsPath = Object.assign(Object.assign({}, componentOptions), { name: 'wms', path: `/projects/${componentOptions.name}/src/app/customers` });
-        const treePath = yield runner.runSchematicAsync('po-page-detail', optionsPath, appTree).toPromise();
-        const files = treePath.files;
-        expect(files).toContain(`/projects/${componentOptions.name}/src/app/customers/wms/wms.component.spec.ts`);
-        expect(files).toContain(`/projects/${componentOptions.name}/src/app/customers/wms/wms.component.ts`);
-        expect(files).toContain(`/projects/${componentOptions.name}/src/app/customers/wms/wms.component.html`);
-        expect(files).toContain(`/projects/${componentOptions.name}/src/app/customers/wms/wms.component.${options.style}`);
-    }));
-    it('should use the custom prefix when create component', () => tslib_1.__awaiter(void 0, void 0, void 0, function* () {
-        const prefix = 'wms';
-        const options = Object.assign(Object.assign({}, componentOptions), { name: 'customers', prefix });
-        const tree = yield runner.runSchematicAsync('po-page-detail', options, appTree).toPromise();
-        const componentContent = getFileContent(tree, `/projects/${componentOptions.name}/src/app/customers/customers.component.ts`);
-        expect(componentContent).toMatch(new RegExp(`selector: '${prefix}-customers'`));
-    }));
-    it('should use the default prefix when create component if prefix is null', () => tslib_1.__awaiter(void 0, void 0, void 0, function* () {
-        const prefix = undefined;
-        const options = Object.assign(Object.assign({}, componentOptions), { name: 'customers', sample: true, prefix });
-        const tree = yield runner.runSchematicAsync('po-page-detail', options, appTree).toPromise();
-        const componentContent = getFileContent(tree, `/projects/${componentOptions.name}/src/app/customers/customers.component.ts`);
-        expect(componentContent).toMatch(new RegExp(`selector: 'app-customers'`));
-    }));
-    it('should use only the name how prefix when create component if prefix is ""', () => tslib_1.__awaiter(void 0, void 0, void 0, function* () {
-        const prefix = '';
-        const options = Object.assign(Object.assign({}, componentOptions), { name: 'customers', prefix });
-        const tree = yield runner.runSchematicAsync('po-page-detail', options, appTree).toPromise();
-        const componentContent = getFileContent(tree, `/projects/${componentOptions.name}/src/app/customers/customers.component.ts`);
-        expect(componentContent).toMatch(new RegExp(`selector: 'customers'`));
-    }));
-});
-/** Gets the content of a specified file from a schematic tree. */
-function getFileContent(tree, filePath) {
-    const contentBuffer = tree.read(filePath);
-    if (!contentBuffer) {
-        throw new Error(`Cannot read "${filePath}" because it does not exist.`);
-    }
-    return contentBuffer.toString();
-}
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const testing_1 = require("@angular-devkit/schematics/testing");
+const path = require("path");
+const collectionPath = path.join(__dirname, '../../collection.json');
+describe('po-page-detail:', () => {
+    const runner = new testing_1.SchematicTestRunner('schematics', collectionPath);
+    const workspaceOptions = {
+        name: 'workspace',
+        newProjectRoot: 'projects',
+        version: '6.0.0'
+    };
+    const componentOptions = {
+        name: 'po',
+        style: 'css',
+        skipTests: false
+    };
+    let appTree;
+    beforeEach(() => tslib_1.__awaiter(void 0, void 0, void 0, function* () {
+        appTree = yield runner.runExternalSchematicAsync('@schematics/angular', 'workspace', workspaceOptions).toPromise();
+        appTree = yield runner
+            .runExternalSchematicAsync('@schematics/angular', 'application', componentOptions, appTree)
+            .toPromise();
+    }));
+    it('should create <name> component', () => tslib_1.__awaiter(void 0, void 0, void 0, function* () {
+        const componentName = 'supply';
+        const tree = yield runner
+            .runSchematicAsync('po-page-detail', Object.assign(Object.assign({}, componentOptions), { name: componentName }), appTree)
+            .toPromise();
+        const files = tree.files;
+        const fullFilePath = (ext) => `/projects/${componentOptions.name}/src/app/${componentName}/${componentName}.component.${ext}`;
+        expect(files).toContain(fullFilePath('ts'));
+        expect(files).toContain(fullFilePath('html'));
+        expect(files).toContain(fullFilePath('spec.ts'));
+        expect(files).toContain(fullFilePath(componentOptions.style));
+    }));
+    it('should create <name> component and <name> module', () => tslib_1.__awaiter(void 0, void 0, void 0, function* () {
+        const componentName = 'supply';
+        const createModule = true;
+        const options = Object.assign(Object.assign({}, componentOptions), { name: componentName, createModule, project: 'po' });
+        const tree = yield runner.runSchematicAsync('po-page-detail', options, appTree).toPromise();
+        const files = tree.files;
+        expect(files).toContain(`/projects/${options.project}/src/app/${componentName}/${componentName}.module.ts`);
+    }));
+    it('should add declaration component in closest module by default', () => tslib_1.__awaiter(void 0, void 0, void 0, function* () {
+        const options = Object.assign(Object.assign({}, componentOptions), { name: 'customers' });
+        const tree = yield runner.runSchematicAsync('po-page-detail', options, appTree).toPromise();
+        const moduleContent = getFileContent(tree, `/projects/${componentOptions.name}/src/app/app.module.ts`);
+        expect(moduleContent).toMatch(/import.*CustomersComponent.*from '.\/customers\/customers.component'/);
+        expect(moduleContent).toMatch(/declarations:\s*\[[^\]]+?,\r?\n\s+CustomersComponent\r?\n/m);
+    }));
+    it('should import <name> component module if createModule is true', () => tslib_1.__awaiter(void 0, void 0, void 0, function* () {
+        const options = Object.assign(Object.assign({}, componentOptions), { name: 'customers', createModule: true });
+        const tree = yield runner.runSchematicAsync('po-page-detail', options, appTree).toPromise();
+        const moduleContent = getFileContent(tree, `/projects/${componentOptions.name}/src/app/app.module.ts`);
+        expect(moduleContent).toMatch(/import.*CustomersModule.*from '.\/customers\/customers.module'/);
+        expect(moduleContent).toMatch(/imports:\s*\[[^\]]+?,\r?\n\s+CustomersModule\r?\n/m);
+    }));
+    it('should generate component.less if style is `less`', () => tslib_1.__awaiter(void 0, void 0, void 0, function* () {
+        const options = Object.assign(Object.assign({}, componentOptions), { name: 'customers', style: 'less' });
+        const tree = yield runner.runSchematicAsync('po-page-detail', options, appTree).toPromise();
+        const files = tree.files;
+        expect(files).toContain(`/projects/${componentOptions.name}/src/app/customers/customers.component.${options.style}`);
+    }));
+    it('should generate component with stylesheet `css` if options.style is empty', () => tslib_1.__awaiter(void 0, void 0, void 0, function* () {
+        const options = Object.assign(Object.assign({}, componentOptions), { name: 'customers', style: '' });
+        const tree = yield runner.runSchematicAsync('po-page-detail', options, appTree).toPromise();
+        const files = tree.files;
+        expect(files).toContain(`/projects/${componentOptions.name}/src/app/customers/customers.component.css`);
+    }));
+    it('shouldn`t generate component spec if `skipTests` is true', () => tslib_1.__awaiter(void 0, void 0, void 0, function* () {
+        const options = Object.assign(Object.assign({}, componentOptions), { name: 'customers', skipTests: true });
+        const tree = yield runner.runSchematicAsync('po-page-detail', options, appTree).toPromise();
+        const files = tree.files;
+        expect(files).toContain(`/projects/${componentOptions.name}/src/app/customers/customers.component.ts`);
+        expect(files).not.toContain(`/projects/${componentOptions.name}/src/app/customers/customers.component.spec.ts`);
+    }));
+    it('should generate component in path informed', () => tslib_1.__awaiter(void 0, void 0, void 0, function* () {
+        // create customers component module to use with path option
+        const options = Object.assign(Object.assign({}, componentOptions), { name: 'customers', createModule: true });
+        yield runner.runSchematicAsync('po-page-detail', options, appTree).toPromise();
+        const optionsPath = Object.assign(Object.assign({}, componentOptions), { name: 'wms', path: `/projects/${componentOptions.name}/src/app/customers` });
+        const treePath = yield runner.runSchematicAsync('po-page-detail', optionsPath, appTree).toPromise();
+        const files = treePath.files;
+        expect(files).toContain(`/projects/${componentOptions.name}/src/app/customers/wms/wms.component.spec.ts`);
+        expect(files).toContain(`/projects/${componentOptions.name}/src/app/customers/wms/wms.component.ts`);
+        expect(files).toContain(`/projects/${componentOptions.name}/src/app/customers/wms/wms.component.html`);
+        expect(files).toContain(`/projects/${componentOptions.name}/src/app/customers/wms/wms.component.${options.style}`);
+    }));
+    it('should use the custom prefix when create component', () => tslib_1.__awaiter(void 0, void 0, void 0, function* () {
+        const prefix = 'wms';
+        const options = Object.assign(Object.assign({}, componentOptions), { name: 'customers', prefix });
+        const tree = yield runner.runSchematicAsync('po-page-detail', options, appTree).toPromise();
+        const componentContent = getFileContent(tree, `/projects/${componentOptions.name}/src/app/customers/customers.component.ts`);
+        expect(componentContent).toMatch(new RegExp(`selector: '${prefix}-customers'`));
+    }));
+    it('should use the default prefix when create component if prefix is null', () => tslib_1.__awaiter(void 0, void 0, void 0, function* () {
+        const prefix = undefined;
+        const options = Object.assign(Object.assign({}, componentOptions), { name: 'customers', sample: true, prefix });
+        const tree = yield runner.runSchematicAsync('po-page-detail', options, appTree).toPromise();
+        const componentContent = getFileContent(tree, `/projects/${componentOptions.name}/src/app/customers/customers.component.ts`);
+        expect(componentContent).toMatch(new RegExp(`selector: 'app-customers'`));
+    }));
+    it('should use only the name how prefix when create component if prefix is ""', () => tslib_1.__awaiter(void 0, void 0, void 0, function* () {
+        const prefix = '';
+        const options = Object.assign(Object.assign({}, componentOptions), { name: 'customers', prefix });
+        const tree = yield runner.runSchematicAsync('po-page-detail', options, appTree).toPromise();
+        const componentContent = getFileContent(tree, `/projects/${componentOptions.name}/src/app/customers/customers.component.ts`);
+        expect(componentContent).toMatch(new RegExp(`selector: 'customers'`));
+    }));
+});
+/** Gets the content of a specified file from a schematic tree. */
+function getFileContent(tree, filePath) {
+    const contentBuffer = tree.read(filePath);
+    if (!contentBuffer) {
+        throw new Error(`Cannot read "${filePath}" because it does not exist.`);
+    }
+    return contentBuffer.toString();
+}
 //# sourceMappingURL=index.spec.js.map

package/schematics/ng-generate/po-page-detail/schema.d.ts

@@ -1,3 +1,3 @@
-import { Schema as ComponentSchema } from '@po-ui/ng-schematics/build-component';
-export interface Schema extends ComponentSchema {
-}
+import { Schema as ComponentSchema } from '@po-ui/ng-schematics/build-component';
+export interface Schema extends ComponentSchema {
+}