Catalog alignment

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

1 files changed, 46 insertions, 0 deletions

diff --git a/catalog-ui/src/app/ng2/pages/composition/graph/canvas-zone/zone-container.component.spec.ts b/catalog-ui/src/app/ng2/pages/composition/graph/canvas-zone/zone-container.component.spec.ts
new file mode 100644
index 0000000000..c432054492
--- /dev/null
+++ b/catalog-ui/src/app/ng2/pages/composition/graph/canvas-zone/zone-container.component.spec.ts
@@ -0,0 +1,46 @@
+import {async, ComponentFixture} from '@angular/core/testing';
+import {By} from '@angular/platform-browser';
+import {ConfigureFn, configureTests} from '../../../../../../jest/test-config.helper';
+import 'jest-dom/extend-expect';
+import {ZoneInstanceType} from '../../../../../../app/models/graph/zones/zone-instance';
+import {ZoneContainerComponent} from './zone-container.component';
+
+
+describe('ZoneContainerComponent', () => {
+    let fixture: ComponentFixture<ZoneContainerComponent>;
+
+    beforeEach(
+        async(() => {
+            const configure: ConfigureFn = testBed => {
+                testBed.configureTestingModule({
+                    declarations: [ZoneContainerComponent]
+                });
+            };
+
+            configureTests(configure).then(testBed => {
+                fixture = testBed.createComponent(ZoneContainerComponent);
+            });
+        })
+    );
+
+
+    it('should match current snapshot of palette element component', () => {
+        expect(fixture).toMatchSnapshot();
+    });
+
+    it('should have a group-zone class when the ZoneInstanceType is GROUP',
+        () => {
+            fixture.componentInstance.type = ZoneInstanceType.GROUP;
+            fixture.detectChanges();
+            const compiled = fixture.debugElement.query(By.css('.sdc-canvas-zone'));
+            expect(compiled.nativeElement).toHaveClass('group-zone');
+        });
+
+    it('should have a policy-zone class when the ZoneInstanceType is POLICY',
+        () => {
+            fixture.componentInstance.type = ZoneInstanceType.POLICY;
+            fixture.detectChanges();
+            const compiled = fixture.debugElement.query(By.css('.sdc-canvas-zone'));
+            expect(compiled.nativeElement).toHaveClass('policy-zone');
+        });
+});
\ No newline at end of file