/*
 * Copyright French Prime minister Office/SGMAP/DINSIC/Vitam Program (2019-2020)
 * and the signatories of the "VITAM - Accord du Contributeur" agreement.
 *
 * contact@programmevitam.fr
 *
 * This software is a computer program whose purpose is to implement
 * implement a digital archiving front-office system for the secure and
 * efficient high volumetry VITAM solution.
 *
 * This software is governed by the CeCILL-C license under French law and
 * abiding by the rules of distribution of free software.  You can  use,
 * modify and/ or redistribute the software under the terms of the CeCILL-C
 * license as circulated by CEA, CNRS and INRIA at the following URL
 * "http://www.cecill.info".
 *
 * As a counterpart to the access to the source code and  rights to copy,
 * modify and redistribute granted by the license, users are provided only
 * with a limited warranty  and the software's author,  the holder of the
 * economic rights,  and the successive licensors  have only  limited
 * liability.
 *
 * In this respect, the user's attention is drawn to the risks associated
 * with loading,  using,  modifying and/or developing or reproducing the
 * software by the user in light of its specific status of free software,
 * that may mean  that it is complicated to manipulate,  and  that  also
 * therefore means  that it is reserved for developers  and  experienced
 * professionals having in-depth computer knowledge. Users are therefore
 * encouraged to load and test the software's suitability as regards their
 * requirements in conditions enabling the security of their systems and/or
 * data to be ensured and,  more generally, to use and operate it in the
 * same conditions as regards security.
 *
 * The fact that you are presently reading this means that you have had
 * knowledge of the CeCILL-C license and that you accept its terms.
 */
import { Component, ViewChild } from '@angular/core';
import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
import { NoopAnimationsModule } from '@angular/platform-browser/animations';

import { CollapseComponent } from './collapse.component';

@Component({
  template: `
    <vitamui-common-collapse collapseTitle="Test Collapse Title">
      Test Collapse Content
    </vitamui-common-collapse>
  `
})
class TesthostComponent {
  @ViewChild(CollapseComponent) component: CollapseComponent;
}

describe('CollapseComponent', () => {
  let testhost: TesthostComponent;
  let fixture: ComponentFixture<TesthostComponent>;

  beforeEach(waitForAsync(() => {
    TestBed.configureTestingModule({
      imports: [ NoopAnimationsModule ],
      declarations: [ CollapseComponent, TesthostComponent ]
    })
    .compileComponents();
  }));

  beforeEach(() => {
    fixture = TestBed.createComponent(TesthostComponent);
    testhost = fixture.componentInstance;
    fixture.detectChanges();
  });

  it('should create', () => {
    expect(testhost).toBeTruthy();
  });

  it('should have a title', () => {
    const elTitle = fixture.nativeElement.querySelector('.collapse-title');
    expect(elTitle).toBeTruthy();
    expect(elTitle.textContent).toContain('Test Collapse Title');
  });

  it('should display the content', () => {
    const elContent = fixture.nativeElement.querySelector('.collapse-content');
    expect(elContent).toBeTruthy();
    expect(elContent.textContent).toContain('Test Collapse Content');
  });

  it('should toggle the content on click on the title', () => {
    expect(testhost.component.collapseState).toBe('expanded');
    const elTitle = fixture.nativeElement.querySelector('.collapse-title');

    elTitle.click();
    fixture.detectChanges();
    expect(testhost.component.collapseState).toBe('collapsed');

    elTitle.click();
    fixture.detectChanges();
    expect(testhost.component.collapseState).toBe('expanded');

  });
});