39 lines
1.1 KiB
JavaScript
39 lines
1.1 KiB
JavaScript
|
import autofocusonshow from '~/vue_shared/directives/autofocusonshow';
|
||
|
|
|
||
|
|
/**
|
||
|
|
* We're testing this directive's hooks as pure functions
|
||
|
|
* since behaviour of this directive is highly-dependent
|
||
|
|
* on underlying DOM methods.
|
||
|
|
*/
|
||
|
|
describe('AutofocusOnShow directive', () => {
|
||
|
|
describe('with input invisible on component render', () => {
|
||
|
|
let el;
|
||
|
|
|
||
|
|
beforeAll(() => {
|
||
|
|
setFixtures('<div id="container" style="display: none;"><input id="inputel"/></div>');
|
||
|
|
el = document.querySelector('#inputel');
|
||
|
|
});
|
||
|
|
|
||
|
|
it('should bind IntersectionObserver on input element', () => {
|
||
|
|
spyOn(el, 'focus');
|
||
|
|
|
||
|
|
autofocusonshow.inserted(el);
|
||
|
|
|
||
|
|
expect(el.visibilityObserver).toBeDefined();
|
||
|
|
expect(el.focus).not.toHaveBeenCalled();
|
||
|
|
});
|
||
|
|
|
||
|
|
it('should stop IntersectionObserver on input element on unbind hook', () => {
|
||
|
|
el.visibilityObserver = {
|
||
|
|
disconnect: () => {},
|
||
|
|
};
|
||
|
|
spyOn(el.visibilityObserver, 'disconnect');
|
||
|
|
|
||
|
|
autofocusonshow.unbind(el);
|
||
|
|
|
||
|
|
expect(el.visibilityObserver).toBeDefined();
|
||
|
|
expect(el.visibilityObserver.disconnect).toHaveBeenCalled();
|
||
|
|
});
|
||
|
|
});
|
||
|
|
});
|