import { Component, OnInit, OnDestroy } from '@angular/core';
import { Router, ActivatedRoute } from '@angular/router';
import { Observable } from 'rxjs/Rx';
import { DebugElement } from '@angular/core';
import { FormsModule } from '@angular/forms';
import { inject,tick,TestBed,getTestBed,async,fakeAsync,ComponentFixture } from '@angular/core/testing';
import { RouterTestingModule } from '@angular/router/testing';
import { SharedService } from '../shared.service';
import { UserService } from '../../services/user.service';
import { CheckoutService } from '../../services/checkout.service';
import { CartService } from '../../services/cart.service';
import { CustomerService } from '../../services/customer.service';
import { LookupService } from '../../services/lookup.service';
import { CatalogService } from '../../services/catalog.service';
import { TradeinService } from '../../services/tradein.service';
import { LoggingService } from '../../services/logging.service';
import { FeedbackComponent } from './feedback.component';
import { By } from '@angular/platform-browser';
import { MarketingService } from '../../services/marketing.service';
import { userMockData } from '../mock-data';
import { HttpClient, HttpHandler } from '@angular/common/http';
import { RatingComponent } from '../rating/rating.component';

describe('Feedback Component', () => {
    let obj: FeedbackComponent;
    let fixture: ComponentFixture<FeedbackComponent>;
    let debugElement: DebugElement;
    let el: HTMLElement;
    beforeEach(async(() => {
        TestBed.configureTestingModule({
            providers: [
                SharedService,
                UserService,
                CartService,
                CustomerService,
                LookupService,
                CatalogService,
                TradeinService,
                LoggingService,
                CheckoutService,
                MarketingService,
                HttpClient, HttpHandler
            ],
            imports: [
                FormsModule,
                RouterTestingModule
            ],
            declarations: [FeedbackComponent, RatingComponent]
        });
        fixture = TestBed.createComponent(FeedbackComponent);
        obj = fixture.componentInstance;
        TestBed.compileComponents();
        obj['user'] = userMockData;
    }));

    // tests here
    it('should be created', () => {
        expect(obj).toBeTruthy();
    });
    it('All methods are defined', () => {
        expect(obj.show).toBeDefined();
        expect(obj.hide).toBeDefined();
        expect(obj.onContainerClicked).toBeDefined();
    });
    it('should hide the compare modal', () => {
        obj.visibleAnimate = true;
        obj.hide();
        expect(obj.visibleAnimate).toBeFalsy();
    });

    it('should show the compare modal', () => {
        obj.visibleAnimate = false;
        obj.show();
        expect(obj.visible).toBeTruthy();
    });
    it('remove attachment is working fine ', () => {
        obj.removeAttachment();
        expect(obj.feedbackModel.fileName).toEqual(null);
    });
    it('Should open the modal if it is opened and viceverse', async(() => {
        debugElement = fixture.debugElement.query(By.css('.fade'));
        el = debugElement.nativeElement;
        obj.show();
        el.click();
        expect(obj.visible).toEqual(true);
    }));
    it('remove attachment is working fine ', () => {
        spyOn(obj.sharedService, 'showSpinner')
        obj.sendFeedback();
        expect(obj.sharedService.showSpinner).toHaveBeenCalledWith(true);
    });
    it('should remove the attachment successfully', () => {
        obj.removeAttachment();
        expect(obj.fileInput.nativeElement.value).toEqual('');
    });
});