it('should clear all toasts', () => {
const element = componentFixture.nativeElement;
componentFixture.componentInstance.toasts.push(toast1);
componentFixture.componentInstance.toasts.push(toast2);
componentFixture.detectChanges();
expect(element.querySelector('#toasty').children.length).toBe(2);
componentFixture.componentInstance.clearAll();
componentFixture.detectChanges();
expect(element.querySelector('#toasty').children.length).toBe(0);
});
.then((fixture: ComponentFixture) => {
let instance: TestCustomTemplateCmp = fixture.componentInstance;
instance.config.itemsPerPage = 10;
let expected = ['1', '2', '3', '4', '5', '...', '10'];
fixture.detectChanges();
tick();
fixture.detectChanges();
expect(getPageLinkItems(fixture, 'div.page-link')).toEqual(expected);
});
.then((fixture: ComponentFixture) => {
let instance: TestCmp = fixture.componentInstance;
instance.config.itemsPerPage = 100;
fixture.detectChanges();
expect(getPageLinkItems(fixture).length).toBe(0);
instance.autoHide = false;
fixture.detectChanges();
expect(getPageLinkItems(fixture).length).toBe(1);
});
it ('should change visibility of progress when calling show', () => {
expect(progressDiv.style.opacity).toBe('1');
// Hide
component.show = false;
componentFixture.detectChanges();
expect(progressDiv.style.opacity).toBe('0');
// Show
component.show = true;
componentFixture.detectChanges();
expect(progressDiv.style.opacity).toBe('1');
});
.then((controlsInstance: PaginationControlsCmp) => {
testCmpInstance.config.currentPage = 1;
fixture.detectChanges();
tick();
expect(controlsInstance.api.isLastPage()).toBe(false);
testCmpInstance.config.currentPage = 10;
fixture.detectChanges();
tick();
expect(controlsInstance.api.isLastPage()).toBe(true);
});
.then((fixture: ComponentFixture) => {
let instance: TestCmp = fixture.componentInstance;
let controlsInstance: PaginationControlsCmp = fixture
.debugElement.query(By.css('pagination-controls')).componentInstance;
fixture.detectChanges();
expect(controlsInstance.getCurrent()).toBe(1);
instance.config.currentPage = 2;
fixture.detectChanges();
expect(controlsInstance.getCurrent()).toBe(2);
});
it('should clear toast by closeToast method', () => {
const element = componentFixture.nativeElement;
toast1.onRemove = (toast:ToastData) => {
expect(toast).toBe(toast1);
};
componentFixture.componentInstance.toasts.push(toast1);
componentFixture.componentInstance.toasts.push(toast2);
componentFixture.detectChanges();
expect(element.querySelector('#toasty').children.length).toBe(2);
componentFixture.componentInstance.closeToast(toast1);
componentFixture.detectChanges();
expect(element.querySelector('#toasty').children.length).toBe(1);
});
.then((fixture: ComponentFixture) => {
fixture.detectChanges();
let instance: TestCmp = fixture.componentInstance;
let items;
items = getPageLinkItems(fixture, 'pagination-controls li', true);
expect(items[0]).toContain('Previous');
expect(items[items.length - 1]).toContain('Next');
instance.directionLinks = false;
fixture.detectChanges();
items = getPageLinkItems(fixture, 'pagination-controls li', true);
expect(items[0]).toContain('1');
expect(items[items.length - 1]).toContain('10');
});
.then((fixture: ComponentFixture) => {
let instance: TestCmp = fixture.componentInstance;
let expected = ['1', '2', '3', '4', '5', '6', '7', '...', '10'];
fixture.detectChanges();
expect(getPageLinkItems(fixture)).toEqual(expected);
instance.collection.push('item 101');
fixture.detectChanges();
tick();
fixture.detectChanges();
expected = ['1', '2', '3', '4', '5', '6', '7', '...', '11'];
expect(getPageLinkItems(fixture)).toEqual(expected);
});
.then((fixture:ComponentFixture) => {
let instance:TestCmp = fixture.componentInstance;
expect(instance.collection.length).toBe(100);
instance.itemsPerPage = 50;
fixture.detectChanges();
expect(instance.collection.length).toBe(100);
instance.itemsPerPage = 75;
fixture.detectChanges();
expect(instance.collection.length).toBe(100);
});
