/*
 * © 2017 Stratio Big Data Inc., Sucursal en España.
 *
 * This software is licensed under the Apache License, Version 2.0.
 * This program is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY;
 * without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.
 * See the terms of the License for more details.
 *
 * SPDX-License-Identifier: Apache-2.0.
 */
import { ChangeDetectionStrategy, NO_ERRORS_SCHEMA } from '@angular/core';
import { async, ComponentFixture, inject, TestBed } from '@angular/core/testing';
import { By } from '@angular/platform-browser';
import { Router, NavigationEnd, NavigationStart } from '@angular/router';
import { cloneDeep as _cloneDeep } from 'lodash';

import { RouterStub } from '../../tests/router-stub';
import { StHeaderMenuOptionComponent } from './menu-option';
import { StHeaderMenuOption, StHeaderSelection, StHeaderMenuItem } from '../st-header.model';

let fakeMenu: StHeaderMenuOption = {
   icon: 'icon-check',
   label: 'TEST',
   link: 'fakePath',
   subMenus: []
};

let fakeMenuWithSubmenu: StHeaderMenuOption = {
   icon: 'icon-check',
   label: 'TEST',
   link: 'fakePath',
   subMenus: [{ label: 'submenu1 label', link: 'submenu1' }]
};

let comp: StHeaderMenuOptionComponent;
let fixture: ComponentFixture<StHeaderMenuOptionComponent>;

describe('StHeader', () => {
   describe('StHeaderMenuOptionComponent', () => {
      beforeEach(async(() => {
         TestBed.configureTestingModule({
            declarations: [StHeaderMenuOptionComponent],
            schemas: [NO_ERRORS_SCHEMA],
            providers: [
               { provide: Router, useClass: RouterStub }
            ]
         })
         // remove this block when the issue #12313 of Angular is fixed
            .overrideComponent(StHeaderMenuOptionComponent, {
               set: { changeDetection: ChangeDetectionStrategy.Default }
            })
            .compileComponents();  // compile template and css
      }));

      beforeEach(() => {
         fixture = TestBed.createComponent(StHeaderMenuOptionComponent);
         comp = fixture.componentInstance;
      });

      it('should be initialized correctly without submenu', () => {
         comp.option = fakeMenu;
         comp.showMenuName = true;

         fixture.detectChanges();

         expect(comp.qaId).toContain(fakeMenu.label.toLowerCase());
         expect(comp.hasSubmenu).toBeFalsy();
         expect(comp.submenuList).toEqual([]);
      });

      it('should be initialized correctly with submenu', () => {
         comp.option = fakeMenuWithSubmenu;
         comp.showMenuName = true;

         fixture.detectChanges();

         let expectedSubmenuList: StHeaderMenuItem[] = [{
            label: fakeMenuWithSubmenu.subMenus[0].label,
            value: fakeMenuWithSubmenu.subMenus[0].link,
            selected: false,
            selection: {
               link: fakeMenuWithSubmenu.subMenus[0].link,
               external: undefined,
               openInNewPage: undefined
            }
         }];

         expect(comp.qaId).toContain(fakeMenu.label.toLowerCase());
         expect(comp.hasSubmenu).toBeTruthy();
         expect(comp.submenuList).toEqual(expectedSubmenuList);
      });

      it('should be initialized correctly with submenu elements and one active', inject([Router], (router: RouterStub) => {
         comp.option = _cloneDeep(fakeMenuWithSubmenu);

         let expectedSubmenuList: StHeaderMenuItem[] = [{
            label: comp.option.subMenus[0].label,
            value: comp.option.subMenus[0].link,
            selected: true,
            selection: {
               link: comp.option.subMenus[0].link,
               external: undefined,
               openInNewPage: undefined
            }
         }];

         comp.showMenuName = true;
         fixture.detectChanges();

         expect(comp.qaId).toContain(fakeMenu.label.toLowerCase());
         expect(comp.hasSubmenu).toBeTruthy();

         router.launchNewEvent(new NavigationEnd(0, 'submenu1', 'submenu1'));

         expect(comp.submenuList).toEqual(expectedSubmenuList);
      }));

      it('should open submenu dropdown', () => {
         comp.option = fakeMenuWithSubmenu;
         comp.showMenuName = true;

         fixture.detectChanges();

         let arrow: HTMLElement = fixture.debugElement.query(By.css('.st-header-menu-option-arrow')).nativeElement;
         arrow.click();
         fixture.detectChanges();
         expect(comp.isActive).toBeTruthy();

         document.body.click();
         fixture.detectChanges();
         expect(comp.isActive).toBeFalsy();

         // Open whith name
         const menu: HTMLElement = fixture.debugElement.query(By.css('.st-header-menu-option')).nativeElement;
         menu.click();
         fixture.detectChanges();

         expect(comp.isActive).toBeTruthy();
      });

      it('should select a submenu', () => {
         const responseFunction = jasmine.createSpy('response');
         comp.selectMenu.subscribe(responseFunction);
         comp.option = fakeMenuWithSubmenu;
         comp.showMenuName = true;

         fixture.detectChanges();
         const arrow: HTMLElement = fixture.debugElement.query(By.css('.st-header-menu-option-arrow')).nativeElement;
         arrow.click();
         fixture.detectChanges();

         expect(comp.isActive).toBeTruthy();
         comp.changeOption(comp.submenuList[0]);
         fixture.detectChanges();

         expect(comp.isActive).toBeFalsy();
         expect(responseFunction).toHaveBeenCalled();
         expect(responseFunction).toHaveBeenCalledWith(comp.submenuList[0].selection);
      });

      it('should select a menu', () => {
         const responseFunction = jasmine.createSpy('response');
         const responseValue: StHeaderSelection = {
            link: fakeMenu.link,
            external: undefined,
            openInNewPage: undefined
         };
         comp.selectMenu.subscribe(responseFunction);
         comp.option = fakeMenu;
         comp.showMenuName = true;

         fixture.detectChanges();
         const menuOption: HTMLElement = fixture.debugElement.query(By.css('.st-header-menu-option')).nativeElement;
         menuOption.click();
         fixture.detectChanges();

         expect(comp.isActive).toBeFalsy();
         expect(responseFunction).toHaveBeenCalled();
         expect(responseFunction).toHaveBeenCalledWith(responseValue);
      });

      it('should update the active menu option in navigation event', inject([Router], (router: RouterStub) => {
         comp.option = _cloneDeep(fakeMenuWithSubmenu);

         const expectedSubmenuList: StHeaderMenuItem[] = [{
            label:  comp.option.subMenus[0].label,
            value:  comp.option.subMenus[0].link,
            selected: false,
            selection: {
               link:  comp.option.subMenus[0].link,
               external: undefined,
               openInNewPage: undefined
            } as StHeaderSelection
         }];
         router.url = 'test';

         comp.showMenuName = true;

         fixture.detectChanges();
         expect(comp.submenuList).toEqual(expectedSubmenuList);
         expect(comp.isCurrentRoute).toBeFalsy();

         router.launchNewEvent(new NavigationStart(0, 'submenu1'));
         fixture.detectChanges();
         expect(comp.submenuList).toEqual(expectedSubmenuList);
         expect(comp.isCurrentRoute).toBeFalsy();

         router.launchNewEvent(new NavigationEnd(0, 'submenu1', 'submenu1'));
         router.url = 'fakePath/submenu1';
         fixture.detectChanges();
         expectedSubmenuList[0].selected = true;
         expect(comp.submenuList).toEqual(expectedSubmenuList);
         expect(comp.isCurrentRoute).toBeTruthy();
      }));

      it('should be destroyed without subscription', () => {
         comp.option = fakeMenuWithSubmenu;
         comp.showMenuName = true;

         fixture.detectChanges();
         expect(comp.isActive).toBeFalsy();

         comp.ngOnDestroy();
         fixture.detectChanges();

         expect(comp.isActive).toBeFalsy();
      });
   });
});