fixed #6475

slidemenu unit test added.
tests;
+style&styleClass
+viewportHeight
+backlable
+menuWidth&effectDuration&easing
+clicks(item&back)

src/app/components/slidemenu/slidemenu.spec.ts

@@ -1,24 +1,158 @@
-import { TestBed, ComponentFixture } from '@angular/core/testing';
+import { TestBed, ComponentFixture, fakeAsync, tick } from '@angular/core/testing';
 import { By } from '@angular/platform-browser';
-import { SlideMenu } from './slidemenu';
+import { SlideMenu, SlideMenuSub } from './slidemenu';
 import { NoopAnimationsModule } from '@angular/platform-browser/animations';
+import { RouterTestingModule } from '../../../../node_modules/@angular/router/testing';
+import { MenuItem } from '../common/api';
 
 describe('SlideMenu', () => {
 
-  let slidemenu: SlideMenu;
-  let fixture: ComponentFixture<SlideMenu>;
-
-  beforeEach(() => {
-    TestBed.configureTestingModule({
-      imports: [
-        NoopAnimationsModule
-      ],
-      declarations: [
-        SlideMenu
-      ]
-    });
+    let slidemenu: SlideMenu;
+    let slidemenuSub: SlideMenuSub;
+    let fixture: ComponentFixture<SlideMenu>;
 
-    fixture = TestBed.createComponent(SlideMenu);
-    slidemenu = fixture.componentInstance;
-  });
+    beforeEach(() => {
+      TestBed.configureTestingModule({
+        imports: [
+          NoopAnimationsModule,
+          RouterTestingModule
+        ],
+        declarations: [
+          SlideMenu,
+          SlideMenuSub
+        ]
+      });
+
+      fixture = TestBed.createComponent(SlideMenu);
+      slidemenu = fixture.componentInstance;
+      slidemenu.model = [
+        {
+            label: 'File',
+            icon: 'pi pi-fw pi-file',
+            items: [{
+                    label: 'New', 
+                    icon: 'pi pi-fw pi-plus',
+                  },
+                {label: 'Open'},
+                {separator:true},
+                {label: 'Quit'}
+            ]
+        },
+        {
+            label: 'Edit',
+            icon: 'pi pi-fw pi-pencil'
+        }];
+      fixture.detectChanges();
+      slidemenuSub = fixture.debugElement.query(By.css('p-slideMenuSub')).componentInstance;
+    });
+
+    it('should created by default', () => {
+     fixture.detectChanges();
+
+     const containerEl = fixture.debugElement.query(By.css('.ui-slidemenu'));
+     const slideMenuSubEl = fixture.debugElement.query(By.css('ul'));
+     expect(containerEl.nativeElement).toBeTruthy();
+     expect(slideMenuSubEl).toBeTruthy();
+    });
+
+    it('should change style and styleClass', () => {
+      slidemenu.style = {'primeng':'rocks!'};
+      slidemenu.styleClass = "Primeng ROCKS!";
+      fixture.detectChanges();
+
+      const containerEl = fixture.debugElement.query(By.css('.ui-slidemenu'));
+      expect(containerEl.nativeElement.className).toContain("Primeng ROCKS!");
+      expect(containerEl.nativeElement.style.primeng).toEqual("rocks!");
+     });
+
+     it('should change viewportHeight', () => {
+      slidemenu.viewportHeight = 400; 
+      fixture.detectChanges();
+
+      const wrapperEl = fixture.debugElement.query(By.css('.ui-slidemenu-wrapper'));
+      expect(wrapperEl.nativeElement.style.height).toEqual(slidemenu.viewportHeight.toString()+"px");
+     });
+
+     it('should change backlabel', () => {
+      slidemenu.backLabel = "ALWAYS BET ON PRIME"; 
+      fixture.detectChanges();
+
+      const backwardSpanEl = fixture.debugElement.query(By.css('.ui-slidemenu-backward')).queryAll(By.css('span'))[1];
+      expect(backwardSpanEl.nativeElement.textContent).toEqual("ALWAYS BET ON PRIME");
+     });
+
+     it('should change menuWidth effectDuration and easing', () => {
+      slidemenu.menuWidth = 400;
+      slidemenu.effectDuration = 400;
+      slidemenu.easing = 'ease-in'; 
+      fixture.detectChanges();
+
+      const slideMenuSubEl = fixture.debugElement.query(By.css('p-slideMenuSub')).query(By.css('ul'));
+      expect(slidemenuSub.easing).toEqual(slidemenu.easing);
+      expect(slidemenuSub.effectDuration).toEqual(slidemenu.effectDuration);
+      expect(slidemenuSub.easing).toEqual(slidemenu.easing);
+      expect(slideMenuSubEl.nativeElement.style.transitionTimingFunction).toEqual(slidemenu.easing);
+      expect(slideMenuSubEl.nativeElement.style.transitionDuration).toEqual(slidemenu.effectDuration+"ms");
+      expect(slideMenuSubEl.nativeElement.style.width).toEqual(slidemenu.menuWidth+"px");
+     });
+
+     it('should show items', () => {
+      fixture.detectChanges();
+
+      const firstSlidemenuSubEl = fixture.debugElement.query(By.css('p-slideMenuSub')).query(By.css('ul'));
+      const itemsEl = fixture.debugElement.query(By.css('p-slideMenuSub')).queryAll(By.css('li'));
+      expect(firstSlidemenuSubEl.children.length).toEqual(slidemenu.model.length);
+      expect(itemsEl.length).toEqual(6);
+      let i = 0;
+      for(let item of slidemenu.model){
+        expect(item.label).toEqual(itemsEl[i].query(By.css('.ui-menuitem-text')).nativeElement.textContent);
+        i++;
+        if(item.items){
+          for(let child of item.items as MenuItem[]){
+            if(child.label)
+              expect(child.label).toEqual(itemsEl[i].query(By.css('.ui-menuitem-text')).nativeElement.textContent);
+            i++;
+          }
+        }
+      }
+     });
+
+     it('should call itemClick when click and change menu from root to submenu', () => {
+      fixture.detectChanges();
+
+      const listsEl = fixture.debugElement.queryAll(By.css('ul'));
+      const itemsEl = fixture.debugElement.query(By.css('p-slideMenuSub')).queryAll(By.css('li'));
+      const fileItemEl = itemsEl[0].query(By.css('a'));
+      const itemClickSpy = spyOn(slidemenuSub, 'itemClick').and.callThrough();
+      fileItemEl.nativeElement.click();
+      fixture.detectChanges();
+
+      const activeItem = fixture.debugElement.query(By.css('.ui-menuitem-active'));
+      expect(activeItem.query(By.css('.ui-menuitem-text')).nativeElement.textContent).toEqual('File');
+      expect(itemClickSpy).toHaveBeenCalled();
+      expect(activeItem.query(By.css('ul')).nativeElement.className).toContain('ui-submenu-list ui-active-submenu');
+      expect(slidemenu.left).toEqual(-190);
+    });
+
+    it('should call goBack when click and change menu from subMenu to root', () => {
+      fixture.detectChanges();
+
+      const listsEl = fixture.debugElement.queryAll(By.css('ul'));
+      const itemsEl = fixture.debugElement.query(By.css('p-slideMenuSub')).queryAll(By.css('li'));
+      const fileItemEl = itemsEl[0].query(By.css('a'));
+      const goBackSpy = spyOn(slidemenu, 'goBack').and.callThrough();
+      fileItemEl.nativeElement.click();
+      fixture.detectChanges();
+
+      const backEl = fixture.debugElement.query(By.css('.ui-slidemenu-backward'));
+      backEl.nativeElement.click();
+      fixture.detectChanges();
+
+      const rootMenu = listsEl[0];
+      const subMenu = listsEl[1];
+      expect(goBackSpy).toHaveBeenCalled();
+      expect(subMenu.nativeElement.className).not.toContain('ui-submenu-list ui-active-submenu');
+      expect(rootMenu.nativeElement.className).toContain('ui-slidemenu-rootlist ui-active-submenu');
+      expect(slidemenu.left).toEqual(0);
+    });
 });