redoc/lib/shared/components/StickySidebar/sticky-sidebar.spec.ts

72 lines
1.8 KiB
TypeScript
Raw Normal View History

2015-12-26 20:44:39 +03:00
'use strict';
2016-06-12 20:44:34 +03:00
import { getChildDebugElementByType } from '../../../../tests/helpers';
2016-07-01 15:53:16 +03:00
import { Component } from '@angular/core';
2015-12-26 20:44:39 +03:00
import {
inject,
2016-07-01 15:53:16 +03:00
TestComponentBuilder
2016-05-09 22:55:16 +03:00
} from '@angular/core/testing';
2016-06-12 20:44:34 +03:00
import { StickySidebar } from '../index';
2015-12-26 20:44:39 +03:00
describe('Common components', () => {
describe('StickySidebar Component', () => {
let builder;
let component;
let fixture;
beforeEach(inject([TestComponentBuilder], (tcb) => {
builder = tcb;
2016-07-01 15:53:16 +03:00
fixture = builder.createSync(TestApp);
let debugEl = getChildDebugElementByType(fixture.debugElement, StickySidebar);
component = debugEl.injector.get(StickySidebar);
2015-12-26 20:44:39 +03:00
}));
it('should init component', () => {
expect(component).not.toBeNull();
});
2016-08-30 20:05:21 +03:00
it('should start sticked', () => {
2015-12-26 20:44:39 +03:00
spyOn(component, 'stick').and.callThrough();
fixture.detectChanges();
2016-08-30 20:05:21 +03:00
expect(component.stick).toHaveBeenCalled();
2015-12-26 20:44:39 +03:00
});
2015-12-27 00:12:10 +03:00
it('should stick if scrolled more than scrollYOffset', () => {
2015-12-26 20:44:39 +03:00
spyOn(component, 'stick').and.callThrough();
fixture.detectChanges();
2016-01-17 22:50:42 +03:00
component.scrollParent = {
pageYOffset: 40
};
2015-12-26 20:44:39 +03:00
component.updatePosition();
expect(component.stick).toHaveBeenCalled();
});
});
});
/** Test component that contains an ApiInfo. */
@Component({
selector: 'test-app',
2015-12-26 20:44:39 +03:00
directives: [StickySidebar],
template:
`<div style="padding-top: 20px">
<div style="height: 20px; position: fixed; top: 0;"> </div>
<div style="position: relative">
2016-01-21 01:09:42 +03:00
<div sticky-sidebar [scrollParent]="scrollParent" [scrollYOffset]="options.scrollYOffset">
</div>
2015-12-26 20:44:39 +03:00
</div>
</div>`
})
class TestApp {
2016-06-12 20:44:34 +03:00
options: any;
scrollParent: Window;
2015-12-26 20:44:39 +03:00
constructor() {
this.options = {};
2015-12-27 00:12:10 +03:00
this.scrollParent = window;
this.options.scrollYOffset = () => 20;
2015-12-26 20:44:39 +03:00
}
}