Catalog alignment

Issue-ID: SDC-2724
Signed-off-by: ys9693 <ys9693@att.com>
Change-Id: I52b4aacb58cbd432ca0e1ff7ff1f7dd52099c6fe

3 files changed, 201 insertions, 1 deletions

diff --git a/catalog-ui/src/app/ng2/components/logic/filter-properties-assignment/__snapshots__/filter-properties-assignment.component.spec.ts.snap b/catalog-ui/src/app/ng2/components/logic/filter-properties-assignment/__snapshots__/filter-properties-assignment.component.spec.ts.snap
new file mode 100644
index 0000000000..02e98e2219
--- /dev/null
+++ b/catalog-ui/src/app/ng2/components/logic/filter-properties-assignment/__snapshots__/filter-properties-assignment.component.spec.ts.snap
@@ -0,0 +1,59 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`filter-properties-assignemnt component should match current snapshot of artifact-tab component 1`] = `
+<filter-properties-assignment
+  allSelected="false"
+  clearAll={[Function Function]}
+  close={[Function Function]}
+  filterData={[Function FilterPropertiesAssignmentData]}
+  filterPopover={[Function ElementRef]}
+  footerButtons={[Function Object]}
+  onTypeSelected={[Function Function]}
+  search={[Function Function]}
+  searchProperties={[Function EventEmitter]}
+  selectAll={[Function Function]}
+  selectedTypes={[Function Object]}
+  someTypesSelectedAndThereIsPropertyName={[Function Function]}
+>
+  <popover-content
+    placement="bottom-right"
+  >
+    <form>
+      <div
+        class="field"
+      >
+        <label>
+          Resource Type
+        </label>
+        <div>
+          <checkbox
+            data-tests-id="filter-checkbox-all"
+          />
+        </div>
+        
+      </div>
+      <div
+        class="field"
+      >
+        <label>
+          Property Name
+        </label>
+        <input
+          class="i-sdc-form-input"
+          data-tests-id="filter-box"
+          name="propertyName"
+          placeholder="Type here"
+          required=""
+        />
+      </div>
+    </form>
+  </popover-content><div
+    class="open-filter-button"
+  >
+    <div
+      class="sprite-new filter-icon"
+      data-tests-id="filter-button"
+    />
+  </div>
+</filter-properties-assignment>
+`;
diff --git a/catalog-ui/src/app/ng2/components/logic/filter-properties-assignment/filter-properties-assignment.component.html b/catalog-ui/src/app/ng2/components/logic/filter-properties-assignment/filter-properties-assignment.component.html
index 9593ade48b..1c2d77a728 100644
--- a/catalog-ui/src/app/ng2/components/logic/filter-properties-assignment/filter-properties-assignment.component.html
+++ b/catalog-ui/src/app/ng2/components/logic/filter-properties-assignment/filter-properties-assignment.component.html
@@ -38,6 +38,6 @@
         </div>
     </form>
 </popover-content>
-<div class="open-filter-button" [popover]="filterPopover" [ngClass]="{'open':showPopover}" (onShown)="showPopover = true" (onHidden)="showPopover = false">
+<div class="open-filter-button" [popover]="filterPopover" >
     <div class="sprite-new filter-icon" data-tests-id="filter-button"></div>
 </div>
diff --git a/catalog-ui/src/app/ng2/components/logic/filter-properties-assignment/filter-properties-assignment.component.spec.ts b/catalog-ui/src/app/ng2/components/logic/filter-properties-assignment/filter-properties-assignment.component.spec.ts
new file mode 100644
index 0000000000..bcc5535b32
--- /dev/null
+++ b/catalog-ui/src/app/ng2/components/logic/filter-properties-assignment/filter-properties-assignment.component.spec.ts
@@ -0,0 +1,141 @@
+import {async, ComponentFixture} from "@angular/core/testing";
+import {FilterPropertiesAssignmentComponent} from "./filter-properties-assignment.component";
+import {ConfigureFn, configureTests} from "../../../../../jest/test-config.helper";
+import {NO_ERRORS_SCHEMA} from "@angular/core";
+import {FilterPropertiesAssignmentData} from "../../../../models/filter-properties-assignment-data";
+import {PopoverComponent} from "../../ui/popover/popover.component";
+
+
+
+describe('filter-properties-assignemnt component', () => {
+
+    let fixture: ComponentFixture<FilterPropertiesAssignmentComponent>;
+
+    beforeEach(
+        async(() => {
+
+            const configure: ConfigureFn = testBed => {
+                testBed.configureTestingModule({
+                    declarations: [FilterPropertiesAssignmentComponent],
+                    imports: [],
+                    schemas: [NO_ERRORS_SCHEMA],
+                    providers: [],
+                });
+            };
+
+            configureTests(configure).then(testBed => {
+                fixture = testBed.createComponent(FilterPropertiesAssignmentComponent);
+
+            });
+        })
+    );
+
+
+    it('should match current snapshot of artifact-tab component', () => {
+        expect(fixture).toMatchSnapshot();
+    });
+
+    it('on selectAll', () => {
+        let filterData:FilterPropertiesAssignmentData = new FilterPropertiesAssignmentData();
+        filterData.propertyName = 'testVal';
+        let typesOptions:Array<string> = ['option1', 'option2', 'option3'];
+        let selectedTypes:Object = {};
+
+        fixture.componentInstance.filterData = filterData;
+        fixture.componentInstance.typesOptions = typesOptions;
+        fixture.componentInstance.selectedTypes = selectedTypes;
+
+        fixture.componentInstance.selectAll();
+
+        let expectedRes = {"option1": false,"option2": false,"option3": false};
+        expect(fixture.componentInstance.selectedTypes).toEqual(expectedRes);
+    });
+
+
+    it ('on onTypeSelected allSelected set to False', () => {
+        let selectedTypes:Object = {"option1": true,"option2": false,"option3": true};
+        fixture.componentInstance.selectedTypes = selectedTypes;
+        fixture.componentInstance.allSelected = true;
+        fixture.componentInstance.onTypeSelected('option2');
+
+        expect(fixture.componentInstance.allSelected).toBe(false);
+    });
+
+    it ('on onTypeSelected allSelected remains True', () => {
+        let selectedTypes:Object = {"option1": true,"option2": true,"option3": true};
+        fixture.componentInstance.selectedTypes = selectedTypes;
+        fixture.componentInstance.allSelected = true;
+        fixture.componentInstance.onTypeSelected('option2');
+
+        expect(fixture.componentInstance.allSelected).toBe(true);
+    });
+
+    it ('on clearAll', () => {
+        let filterData:FilterPropertiesAssignmentData = new FilterPropertiesAssignmentData();
+        filterData.propertyName = 'testVal';
+        let selectedTypes:Object = {"option1": true,"option2": false,"option3": true};
+
+        fixture.componentInstance.filterData = filterData;
+        fixture.componentInstance.selectedTypes = selectedTypes;
+        fixture.componentInstance.allSelected = true;
+
+        fixture.componentInstance.clearAll();
+
+        expect(fixture.componentInstance.filterData.propertyName).toBe('');
+        expect(fixture.componentInstance.allSelected).toBe(false);
+    });
+
+    it ('someTypesSelectedAndThereIsPropertyName return True', ()=> {
+        let res = fixture.componentInstance.someTypesSelectedAndThereIsPropertyName();
+
+        expect(res).toBe(true)
+    });
+
+    it ('someTypesSelectedAndThereIsPropertyName return Null', ()=> {
+        let selectedTypes:Object = {"option1": true,"option2": false,"option3": true};
+        let filterData:FilterPropertiesAssignmentData = new FilterPropertiesAssignmentData();
+        filterData.propertyName = 'testVal';
+
+        fixture.componentInstance.selectedTypes = selectedTypes;
+        fixture.componentInstance.filterData = filterData;
+
+        let res = fixture.componentInstance.someTypesSelectedAndThereIsPropertyName();
+
+        expect(res).toBe(null)
+    });
+
+    it ('search', ()=> {
+
+        let filterData:FilterPropertiesAssignmentData = new FilterPropertiesAssignmentData();
+        filterData.selectedTypes = ["CP"];
+        fixture.componentInstance.filterData = filterData;
+
+        let componentType: string = 'resource';
+        fixture.componentInstance.componentType = componentType;
+
+        let selectedTypes:Object = {"option1": true,"CP": true,"option3": true};
+        fixture.componentInstance.selectedTypes = selectedTypes;
+
+        let temp:any;
+        let filterPopover: PopoverComponent = new PopoverComponent(temp , temp );
+        fixture.componentInstance.filterPopover = filterPopover;
+        fixture.componentInstance.filterPopover.hide = jest.fn();
+
+        fixture.componentInstance.search();
+
+        expect(fixture.componentInstance.filterData.selectedTypes).toEqual(["CP"]);
+        expect(fixture.componentInstance.filterPopover.hide).toHaveBeenCalled();
+    });
+
+    it('close', () => {
+        let temp:any;
+        let filterPopover: PopoverComponent = new PopoverComponent(temp , temp );
+        fixture.componentInstance.filterPopover = filterPopover;
+        fixture.componentInstance.filterPopover.hide = jest.fn();
+
+        fixture.componentInstance.close();
+
+        expect(fixture.componentInstance.filterPopover.hide).toHaveBeenCalled();
+    });
+
+});
\ No newline at end of file