/*!
 * @license
 * Copyright 2016 Alfresco Software, Ltd.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *     http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */

import { Component } from '@angular/core';
import { async, TestBed } from '@angular/core/testing';
import { ComponentFixture } from '@angular/core/testing';
import { FormsModule, ReactiveFormsModule } from '@angular/forms';
import { MatDialogRef, MAT_DIALOG_DATA } from '@angular/material';
import { MaterialModule } from '../material.module';
import { BrowserDynamicTestingModule } from '@angular/platform-browser-dynamic/testing';
import { MatDialog } from '@angular/material';
import { OverlayContainer } from '@angular/cdk/overlay';
import { AppsProcessService } from '@alfresco/adf-core';
import { deployedApps } from '../mock/apps-list.mock';
import { Observable } from 'rxjs/Observable';

import { SelectAppsDialogComponent } from './select-apps-dialog-component';

@Component({
    selector: 'adf-dialog-test',
    template: ''
})
export class DialogSelectAppTestComponent {

    processId: any;

    dialogRef: any;

    constructor(private dialog: MatDialog) {
    }

    startProcesAction() {
        this.dialogRef = this.dialog.open(SelectAppsDialogComponent, {
            width: '630px'
        });

        this.dialogRef.afterClosed().subscribe(selectedProcess => {
            this.processId = selectedProcess.id;
        });
    }

}

describe('Select app dialog', () => {

    let fixture: ComponentFixture<DialogSelectAppTestComponent>;
    let component: DialogSelectAppTestComponent;
    let dialogRef;
    let overlayContainerElement: HTMLElement;
    let service: AppsProcessService;

    beforeEach(async(() => {
        dialogRef = {
            close: jasmine.createSpy('close')
        };

        TestBed.configureTestingModule({
            imports: [
                MaterialModule,
                FormsModule,
                ReactiveFormsModule,
                BrowserDynamicTestingModule
            ],
            declarations: [
                SelectAppsDialogComponent,
                DialogSelectAppTestComponent
            ],
            providers: [
                AppsProcessService,
                {
                    provide: OverlayContainer,
                    useFactory: () => {
                        overlayContainerElement = document.createElement('div');
                        return { getContainerElement: () => overlayContainerElement };
                    }
                }
                {
                    provide: MatDialogRef, useValue: dialogRef
                },
                {
                    provide: MAT_DIALOG_DATA,
                    useValue: {}
                }
            ]
        });

        TestBed.overrideModule(BrowserDynamicTestingModule, {
            set: { entryComponents: [SelectAppsDialogComponent] }
        });

        TestBed.compileComponents();
    }));

    beforeEach(() => {
        fixture = TestBed.createComponent(DialogSelectAppTestComponent);
        component = fixture.componentInstance;

        service = TestBed.get(AppsProcessService);

        spyOn(service, 'getDeployedApplications').and.returnValue(Observable.of(deployedApps));
    });

    describe('Dialog', () => {

        beforeEach(() => {
            fixture.detectChanges();
        };

        it('should init title and dropdown', () => {
            component.startProcesAction();

            expect(overlayContainerElement.querySelector('.adf-selet-app-dialog-title')).toBeDefined();
            expect(overlayContainerElement.querySelector('.adf-selet-app-dialog-dropdown')).toBeDefined();
        });
    });

});