1 files changed, 182 insertions, 0 deletions
diff --git a/catalog-ui/src/app/ng2/pages/workspace/attributes/attributes.component.spec.ts b/catalog-ui/src/app/ng2/pages/workspace/attributes/attributes.component.spec.ts
new file mode 100644
index 0000000000..f676e2b4d9
--- /dev/null
+++ b/catalog-ui/src/app/ng2/pages/workspace/attributes/attributes.component.spec.ts
@@ -0,0 +1,182 @@
+import { NO_ERRORS_SCHEMA } from '@angular/core';
+import { async, ComponentFixture } from '@angular/core/testing';
+import { NgxDatatableModule } from '@swimlane/ngx-datatable';
+import { SdcUiCommon, SdcUiComponents, SdcUiServices } from 'onap-ui-angular';
+import 'rxjs/add/observable/of';
+import { Observable } from 'rxjs/Rx';
+import { ConfigureFn, configureTests } from '../../../../../jest/test-config.helper';
+import { ComponentMetadata } from '../../../../models/component-metadata';
+import { ModalsHandler } from '../../../../utils';
+import { TopologyTemplateService } from '../../../services/component-services/topology-template.service';
+import { TranslateService } from '../../../shared/translator/translate.service';
+import { WorkspaceService } from '../workspace.service';
+import { AttributesComponent } from './attributes.component';
+
+describe('attributes component', () => {
+
+    let fixture: ComponentFixture<AttributesComponent>;
+
+    // Mocks
+    let workspaceServiceMock: Partial<WorkspaceService>;
+    let topologyTemplateServiceMock: Partial<TopologyTemplateService>;
+    let loaderServiceMock: Partial<SdcUiServices.LoaderService>;
+    let componentMetadataMock: ComponentMetadata;
+    let modalServiceMock: Partial<SdcUiServices.ModalService>;
+
+    const mockAttributesList = [
+        { uniqueId: '1', name: 'attr1', description: 'description1', type: 'string', hidden: false, defaultValue: 'val1', schema: null },
+        { uniqueId : '2', name : 'attr2', description: 'description2', type : 'int', hidden : false, defaultValue : 1, schema : null},
+        { uniqueId : '3', name : 'attr3', description: 'description3', type : 'double', hidden : false, defaultValue : 1.0, schema : null},
+        { uniqueId : '4', name : 'attr4', description: 'description4', type : 'boolean', hidden : false, defaultValue : true, schema : null},
+    ];
+
+    const newAttribute = {
+        uniqueId : '5', name : 'attr5', description: 'description5', type : 'string', hidden : false, defaultValue : 'val5', schema : null
+    };
+    const updatedAttribute = {
+        uniqueId : '2', name : 'attr2', description: 'description_new', type : 'string', hidden : false, defaultValue : 'new_val2', schema : null
+    };
+    const errorAttribute = {
+        uniqueId : '99', name : 'attr99', description: 'description_error', type : 'string', hidden : false, defaultValue : 'error', schema : null
+    };
+
+    beforeEach(
+        async(() => {
+
+            componentMetadataMock = new ComponentMetadata();
+            componentMetadataMock.uniqueId = 'fake';
+            componentMetadataMock.componentType = 'VL';
+
+            topologyTemplateServiceMock = {
+                getComponentAttributes: jest.fn().mockResolvedValue({ attributes : mockAttributesList }),
+                addAttributeAsync: jest.fn().mockImplementation(
+                    (compType, cUid, attr) => {
+                        if (attr === errorAttribute) {
+                            return Observable.throwError('add_error').toPromise();
+                        } else {
+                            return Observable.of(newAttribute).toPromise();
+                        }
+                    }
+                ),
+                updateAttributeAsync: jest.fn().mockImplementation(
+                    (compType, cUid, attr) => {
+                        if (attr === errorAttribute) {
+                            return Observable.throwError('update_error').toPromise();
+                        } else {
+                            return Observable.of(updatedAttribute).toPromise();
+                        }
+                    }
+                ),
+                deleteAttributeAsync: jest.fn().mockImplementation((cid, ctype, attr) => Observable.of(attr))
+            };
+
+            workspaceServiceMock = {
+                metadata: componentMetadataMock
+            };
+
+            const customModalInstance = { innerModalContent: { instance: { onValidationChange: { subscribe: jest.fn()}}}};
+
+            modalServiceMock = {
+                openInfoModal: jest.fn(),
+                openCustomModal: jest.fn().mockImplementation(() => customModalInstance)
+            };
+
+            loaderServiceMock = {
+                activate: jest.fn(),
+                deactivate: jest.fn()
+            };
+
+            const configure: ConfigureFn = (testBed) => {
+                testBed.configureTestingModule({
+                    declarations: [AttributesComponent],
+                    imports: [NgxDatatableModule],
+                    schemas: [NO_ERRORS_SCHEMA],
+                    providers: [
+                        {provide: WorkspaceService, useValue: workspaceServiceMock},
+                        {provide: TopologyTemplateService, useValue: topologyTemplateServiceMock},
+                        {provide: ModalsHandler, useValue: {}},
+                        {provide: TranslateService, useValue: { translate: jest.fn() }},
+                        {provide: SdcUiServices.ModalService, useValue: modalServiceMock },
+                        {provide: SdcUiServices.LoaderService, useValue: loaderServiceMock }
+                    ],
+                });
+            };
+
+            configureTests(configure).then((testBed) => {
+                fixture = testBed.createComponent(AttributesComponent);
+            });
+        })
+    );
+
+    it('should see exactly 1 attributes on init', async () => {
+        await fixture.componentInstance.asyncInitComponent();
+        expect(fixture.componentInstance.getAttributes().length).toEqual(4);
+    });
+
+    it('should see exactly 5 attributes when adding', async () => {
+        await fixture.componentInstance.asyncInitComponent();
+        expect(fixture.componentInstance.getAttributes().length).toEqual(4);
+
+        await fixture.componentInstance.addOrUpdateAttribute(newAttribute, false);
+        expect(fixture.componentInstance.getAttributes().length).toEqual(5);
+    });
+
+    it('should see exactly 3 attributes when deleting', async () => {
+        await fixture.componentInstance.asyncInitComponent();
+        expect(fixture.componentInstance.getAttributes().length).toEqual(4);
+        const attrToDelete = mockAttributesList[0];
+        expect(fixture.componentInstance.getAttributes().filter((attr) => attr.uniqueId === attrToDelete.uniqueId).length).toEqual(1);
+        await fixture.componentInstance.deleteAttribute(attrToDelete);
+        expect(fixture.componentInstance.getAttributes().length).toEqual(3);
+        expect(fixture.componentInstance.getAttributes().filter((attr) => attr.uniqueId === attrToDelete.uniqueId).length).toEqual(0);
+    });
+
+    it('should see updated attribute', async () => {
+        await fixture.componentInstance.asyncInitComponent();
+
+        await fixture.componentInstance.addOrUpdateAttribute(updatedAttribute, true);
+        expect(fixture.componentInstance.getAttributes().length).toEqual(4);
+        const attribute = fixture.componentInstance.getAttributes().filter( (attr) => {
+            return attr.uniqueId === updatedAttribute.uniqueId;
+        })[0];
+        expect(attribute.description).toEqual( 'description_new');
+    });
+
+    it('Add fails, make sure loader is deactivated and attribute is not added', async () => {
+        await fixture.componentInstance.asyncInitComponent();
+        const numAttributes = fixture.componentInstance.getAttributes().length;
+        await fixture.componentInstance.addOrUpdateAttribute(errorAttribute, false); // Add
+        expect(loaderServiceMock.deactivate).toHaveBeenCalled();
+        expect(fixture.componentInstance.getAttributes().length).toEqual(numAttributes);
+    });
+
+    it('Update fails, make sure loader is deactivated', async () => {
+        await fixture.componentInstance.asyncInitComponent();
+        const numAttributes = fixture.componentInstance.getAttributes().length;
+        await fixture.componentInstance.addOrUpdateAttribute(errorAttribute, true); // Add
+        expect(loaderServiceMock.deactivate).toHaveBeenCalled();
+        expect(fixture.componentInstance.getAttributes().length).toEqual(numAttributes);
+    });
+
+    it('on delete modal shell be opened', async () => {
+        await fixture.componentInstance.asyncInitComponent();
+        const event = { stopPropagation: jest.fn() };
+        fixture.componentInstance.onDeleteAttribute(event, fixture.componentInstance.getAttributes()[0]);
+        expect(event.stopPropagation).toHaveBeenCalled();
+        expect(modalServiceMock.openInfoModal).toHaveBeenCalled();
+    });
+
+    it('on add modal shell be opened', async () => {
+        await fixture.componentInstance.asyncInitComponent();
+        fixture.componentInstance.onAddAttribute();
+        expect(modalServiceMock.openCustomModal).toHaveBeenCalled();
+    });
+
+    it('on edit modal shell be opened', async () => {
+        await fixture.componentInstance.asyncInitComponent();
+        const event = { stopPropagation: jest.fn() };
+        fixture.componentInstance.onEditAttribute(event, fixture.componentInstance.getAttributes()[0]);
+        expect(event.stopPropagation).toHaveBeenCalled();
+        expect(modalServiceMock.openCustomModal).toHaveBeenCalled();
+    });
+});