redoc/lib/shared/components/Zippy/zippy.spec.ts

116 lines
3.0 KiB
TypeScript
Raw Normal View History

2015-12-19 15:16:29 +03:00
'use strict';
2016-06-12 20:44:34 +03:00
import { getChildDebugElement, mouseclick } from '../../../../tests/helpers';
2015-12-19 15:16:29 +03:00
2016-05-06 00:48:41 +03:00
import { Component } from '@angular/core';
2015-12-19 15:16:29 +03:00
import {
inject,
2016-09-02 23:18:31 +03:00
TestBed
2016-05-09 22:55:16 +03:00
} from '@angular/core/testing';
2015-12-19 15:16:29 +03:00
2016-06-12 20:44:34 +03:00
import { Zippy } from '../index';
2015-12-19 15:16:29 +03:00
2015-12-19 20:36:28 +03:00
describe('Common components', () => {
2016-09-02 23:18:31 +03:00
beforeEach(() => {
TestBed.configureTestingModule({ declarations: [ TestApp ] });
});
2015-12-19 20:36:28 +03:00
describe('Zippy Component', () => {
let builder;
let component;
let nativeElement;
let fixture;
2016-09-02 23:18:31 +03:00
beforeEach(inject([TestBed], (tcb) => {
fixture = TestBed.createComponent(TestApp);
2016-07-01 15:53:16 +03:00
let debugEl = getChildDebugElement(fixture.debugElement, 'zippy');
component = debugEl.componentInstance;
nativeElement = debugEl.nativeElement;
2015-12-19 20:36:28 +03:00
}));
it('should init component', () => {
expect(component).not.toBeNull();
});
it('should init component defaults', () => {
2016-06-13 20:54:24 +03:00
component.empty.should.be.false();
component.visible.should.be.false();
2015-12-19 20:36:28 +03:00
component.type.should.be.equal('general');
});
it('should init properties from dom params', () => {
fixture.detectChanges();
2016-06-13 20:54:24 +03:00
component.visible.should.be.true();
component.empty.should.be.true();
2015-12-19 20:36:28 +03:00
component.title.should.be.equal('Zippy');
component.type.should.be.equal('test');
});
it('project inner content', () => {
fixture.detectChanges();
let contentEl = nativeElement.querySelector('.zippy-content');
2016-06-12 20:44:34 +03:00
expect(contentEl.innerText).toMatch('test');
2015-12-19 20:36:28 +03:00
});
2016-06-13 20:54:24 +03:00
it('should open and close zippy', (done) => {
2015-12-19 20:36:28 +03:00
fixture.detectChanges();
component.empty = false;
component.visible = true;
fixture.detectChanges();
let testComponent = fixture.debugElement.componentInstance;
let titleEl = nativeElement.querySelector('.zippy-title');
mouseclick(titleEl);
fixture.detectChanges();
2016-06-13 20:54:24 +03:00
component.visible.should.be.false();
testComponent.opened.should.be.false();
2015-12-19 20:36:28 +03:00
mouseclick(titleEl);
fixture.detectChanges();
2016-06-13 20:54:24 +03:00
setTimeout(() => {
component.visible.should.be.true();
testComponent.opened.should.be.true();
testComponent.clickCount.should.be.equal(2);
done();
});
2015-12-19 20:36:28 +03:00
});
it('should disable empty zippy', () => {
fixture.detectChanges();
component.empty = true;
fixture.detectChanges();
let testComponent = fixture.debugElement.componentInstance;
let titleEl = nativeElement.querySelector('.zippy-title');
mouseclick(titleEl);
fixture.detectChanges();
testComponent.clickCount.should.be.equal(0);
});
2015-12-19 15:16:29 +03:00
});
});
/** Test component that contains an ApiInfo. */
@Component({
selector: 'test-app',
2015-12-19 15:16:29 +03:00
template:
2016-06-13 20:54:24 +03:00
`<zippy title="Zippy" type="test" [visible]="true" [empty]="true" (open)="open()" (close)="close()">test</zippy>`
2015-12-19 15:16:29 +03:00
})
class TestApp {
2016-06-12 20:44:34 +03:00
opened: boolean;
clickCount: number;
2015-12-19 15:16:29 +03:00
constructor() {
this.opened = false;
this.clickCount = 0;
}
open() {
this.opened = true;
this.clickCount++;
}
close() {
this.opened = false;
this.clickCount++;
}
}