88 lines
2.8 KiB
TypeScript
88 lines
2.8 KiB
TypeScript
/**
|
|
* @license
|
|
* Copyright Google LLC All Rights Reserved.
|
|
*
|
|
* Use of this source code is governed by an MIT-style license that can be
|
|
* found in the LICENSE file at https://angular.io/license
|
|
*/
|
|
|
|
import {describe, expect, it} from '@angular/core/testing/src/testing_internal';
|
|
import {BrowserViewportScroller, ViewportScroller} from '../src/viewport_scroller';
|
|
|
|
describe('BrowserViewportScroller', () => {
|
|
describe('setHistoryScrollRestoration', () => {
|
|
let scroller: ViewportScroller;
|
|
let windowSpy: any;
|
|
|
|
beforeEach(() => {
|
|
windowSpy =
|
|
jasmine.createSpyObj('window', ['history', 'scrollTo', 'pageXOffset', 'pageYOffset']);
|
|
windowSpy.history.scrollRestoration = 'auto';
|
|
scroller = new BrowserViewportScroller(document, windowSpy);
|
|
});
|
|
|
|
function createNonWritableScrollRestoration() {
|
|
Object.defineProperty(windowSpy.history, 'scrollRestoration', {
|
|
value: 'auto',
|
|
configurable: true,
|
|
});
|
|
}
|
|
|
|
it('should not crash when scrollRestoration is not writable', () => {
|
|
createNonWritableScrollRestoration();
|
|
expect(() => scroller.setHistoryScrollRestoration('manual')).not.toThrow();
|
|
});
|
|
|
|
it('should still allow scrolling if scrollRestoration is not writable', () => {
|
|
createNonWritableScrollRestoration();
|
|
scroller.scrollToPosition([10, 10]);
|
|
expect(windowSpy.scrollTo as jasmine.Spy).toHaveBeenCalledWith(10, 10);
|
|
});
|
|
});
|
|
|
|
describe('scrollToAnchor', () => {
|
|
// Testing scroll behavior does not make sense outside a browser
|
|
if (isNode) return;
|
|
const anchor = 'anchor';
|
|
let tallItem: HTMLDivElement;
|
|
let el: HTMLAnchorElement;
|
|
let scroller: BrowserViewportScroller;
|
|
|
|
beforeEach(() => {
|
|
scroller = new BrowserViewportScroller(document, window);
|
|
scroller.scrollToPosition([0, 0]);
|
|
|
|
tallItem = document.createElement('div');
|
|
tallItem.style.height = '3000px';
|
|
document.body.appendChild(tallItem);
|
|
|
|
el = document.createElement('a');
|
|
el.innerText = 'some link';
|
|
el.href = '#';
|
|
document.body.appendChild(el);
|
|
});
|
|
|
|
afterEach(() => {
|
|
document.body.removeChild(tallItem);
|
|
document.body.removeChild(el);
|
|
});
|
|
|
|
it('should scroll when element with matching id is found', () => {
|
|
el.id = anchor;
|
|
scroller.scrollToAnchor(anchor);
|
|
expect(scroller.getScrollPosition()[1]).not.toEqual(0);
|
|
});
|
|
|
|
it('should scroll when anchor with matching name is found', () => {
|
|
el.name = anchor;
|
|
scroller.scrollToAnchor(anchor);
|
|
expect(scroller.getScrollPosition()[1]).not.toEqual(0);
|
|
});
|
|
|
|
it('should not scroll when no matching element is found', () => {
|
|
scroller.scrollToAnchor(anchor);
|
|
expect(scroller.getScrollPosition()[1]).toEqual(0);
|
|
});
|
|
});
|
|
});
|