redoc/lib/shared/components/StickySidebar/sticky-sidebar.spec.ts
2016-08-31 23:51:56 +03:00

87 lines
2.3 KiB
TypeScript

'use strict';
import { getChildDebugElementByType } from '../../../../tests/helpers';
import { Component } from '@angular/core';
import {
inject,
TestComponentBuilder
} from '@angular/core/testing';
import { StickySidebar } from '../index';
describe('Common components', () => {
describe('StickySidebar Component', () => {
let builder;
let component;
let fixture;
beforeEach(inject([TestComponentBuilder], (tcb) => {
builder = tcb;
fixture = builder.createSync(TestApp);
let debugEl = getChildDebugElementByType(fixture.debugElement, StickySidebar);
component = debugEl.injector.get(StickySidebar);
}));
it('should init component', () => {
expect(component).not.toBeNull();
});
it('should start unsticked', () => {
spyOn(component, 'stick').and.callThrough();
spyOn(component, 'stickBottom').and.callThrough();
fixture.detectChanges();
expect(component.stick).not.toHaveBeenCalled();
expect(component.stickBottom).not.toHaveBeenCalled();
});
it('should stick to the top on the next VM tick', (done) => {
spyOn(component, 'stick').and.callThrough();
spyOn(component, 'stickBottom').and.callThrough();
fixture.detectChanges();
setTimeout(() => {
expect(component.stick).toHaveBeenCalled();
expect(component.stickBottom).toHaveBeenCalled();
done();
});
});
it('should stick if scrolled more than scrollYOffset', () => {
spyOn(component, 'stick').and.callThrough();
fixture.detectChanges();
component.scrollParent = {
pageYOffset: 40
};
component.updatePosition();
expect(component.stick).toHaveBeenCalled();
});
// TODO: add tests for stickBottom
});
});
/** Test component that contains an ApiInfo. */
@Component({
selector: 'test-app',
directives: [StickySidebar],
template:
`<div style="padding-top: 20px">
<div style="height: 20px; position: fixed; top: 0;"> </div>
<div style="position: relative">
<div sticky-sidebar [scrollParent]="scrollParent" [scrollYOffset]="options.scrollYOffset">
</div>
</div>
</div>`
})
class TestApp {
options: any;
scrollParent: Window;
constructor() {
this.options = {};
this.scrollParent = window;
this.options.scrollYOffset = () => 20;
}
}