debian-mirror-gitlab/spec/javascripts/zen_mode_spec.js

95 lines
2.2 KiB
JavaScript
Raw Normal View History

2018-05-09 12:01:36 +05:30
import $ from 'jquery';
2018-03-17 18:26:18 +05:30
import Mousetrap from 'mousetrap';
import Dropzone from 'dropzone';
2017-09-10 17:25:29 +05:30
import ZenMode from '~/zen_mode';
2016-09-13 17:45:13 +05:30
2018-03-17 18:26:18 +05:30
describe('ZenMode', () => {
let zen;
const fixtureName = 'merge_requests/merge_request_with_comment.html.raw';
preloadFixtures(fixtureName);
function enterZen() {
$('.notes-form .js-zen-enter').click();
}
function exitZen() {
$('.notes-form .js-zen-leave').click();
}
function escapeKeydown() {
$('.notes-form textarea').trigger($.Event('keydown', {
keyCode: 27,
}));
}
beforeEach(() => {
loadFixtures(fixtureName);
spyOn(Dropzone, 'forElement').and.callFake(() => ({
enable: () => true,
}));
zen = new ZenMode();
// Set this manually because we can't actually scroll the window
zen.scroll_position = 456;
});
describe('on enter', () => {
it('pauses Mousetrap', () => {
spyOn(Mousetrap, 'pause');
enterZen();
expect(Mousetrap.pause).toHaveBeenCalled();
});
it('removes textarea styling', () => {
$('.notes-form textarea').attr('style', 'height: 400px');
enterZen();
expect($('.notes-form textarea')).not.toHaveAttr('style');
2016-09-13 17:45:13 +05:30
});
2018-03-17 18:26:18 +05:30
});
describe('in use', () => {
beforeEach(enterZen);
it('exits on Escape', () => {
escapeKeydown();
expect($('.notes-form .zen-backdrop')).not.toHaveClass('fullscreen');
2016-09-13 17:45:13 +05:30
});
2018-03-17 18:26:18 +05:30
});
describe('on exit', () => {
beforeEach(enterZen);
it('unpauses Mousetrap', () => {
spyOn(Mousetrap, 'unpause');
exitZen();
expect(Mousetrap.unpause).toHaveBeenCalled();
2016-09-13 17:45:13 +05:30
});
2018-03-17 18:26:18 +05:30
it('restores the scroll position', () => {
spyOn(zen, 'scrollTo');
exitZen();
expect(zen.scrollTo).toHaveBeenCalled();
2016-09-13 17:45:13 +05:30
});
});
2018-03-17 18:26:18 +05:30
describe('enabling dropzone', () => {
beforeEach(() => {
enterZen();
});
2016-09-13 17:45:13 +05:30
2018-03-17 18:26:18 +05:30
it('should not call dropzone if element is not dropzone valid', () => {
$('.div-dropzone').addClass('js-invalid-dropzone');
exitZen();
expect(Dropzone.forElement).not.toHaveBeenCalled();
});
2016-09-13 17:45:13 +05:30
2018-03-17 18:26:18 +05:30
it('should call dropzone if element is dropzone valid', () => {
$('.div-dropzone').removeClass('js-invalid-dropzone');
exitZen();
expect(Dropzone.forElement).toHaveBeenCalled();
});
});
});