mirror of
https://github.com/Redocly/redoc.git
synced 2024-11-23 17:13:44 +03:00
89 lines
2.4 KiB
TypeScript
89 lines
2.4 KiB
TypeScript
'use strict';
|
|
|
|
import { getChildDebugElementByType } from '../../../../tests/helpers';
|
|
import { Component } from '@angular/core';
|
|
import {
|
|
inject,
|
|
TestBed
|
|
} from '@angular/core/testing';
|
|
|
|
import { StickySidebar } from '../index';
|
|
|
|
describe('Common components', () => {
|
|
beforeEach(() => {
|
|
TestBed.configureTestingModule({ declarations: [ TestApp ] });
|
|
});
|
|
describe('StickySidebar Component', () => {
|
|
let builder;
|
|
let component;
|
|
let fixture;
|
|
|
|
beforeEach(inject([TestBed], (tcb) => {
|
|
|
|
fixture = TestBed.createComponent(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',
|
|
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;
|
|
}
|
|
}
|