shiftenter.js 3.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100
  1. /**
  2. * @license Copyright (c) 2003-2019, CKSource - Frederico Knabben. All rights reserved.
  3. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
  4. */
  5. /* globals document */
  6. import ClassicTestEditor from '@ckeditor/ckeditor5-core/tests/_utils/classictesteditor';
  7. import ShiftEnter from '../src/shiftenter';
  8. import ShiftEnterCommand from '../src/shiftentercommand';
  9. import EnterObserver from '../src/enterobserver';
  10. import DomEventData from '@ckeditor/ckeditor5-engine/src/view/observer/domeventdata';
  11. describe( 'ShiftEnter feature', () => {
  12. let element, editor, viewDocument;
  13. beforeEach( () => {
  14. element = document.createElement( 'div' );
  15. document.body.appendChild( element );
  16. return ClassicTestEditor
  17. .create( element, {
  18. plugins: [ ShiftEnter ]
  19. } )
  20. .then( newEditor => {
  21. editor = newEditor;
  22. viewDocument = editor.editing.view.document;
  23. } );
  24. } );
  25. afterEach( () => {
  26. element.remove();
  27. sinon.restore();
  28. } );
  29. it( 'creates the commands', () => {
  30. expect( editor.commands.get( 'shiftEnter' ) ).to.be.instanceof( ShiftEnterCommand );
  31. } );
  32. it( 'should set proper schema rules', () => {
  33. expect( editor.model.schema.isRegistered( 'softBreak' ) ).to.be.true;
  34. expect( editor.model.schema.checkChild( [ '$block' ], 'softBreak' ) ).to.be.true;
  35. expect( editor.model.schema.isInline( 'softBreak' ) ).to.be.true;
  36. } );
  37. it( 'registers the EnterObserver', () => {
  38. const observer = editor.editing.view.getObserver( EnterObserver );
  39. expect( observer ).to.be.an.instanceOf( EnterObserver );
  40. } );
  41. it( 'listens to the editing view enter event', () => {
  42. const spy = editor.execute = sinon.spy();
  43. const domEvt = getDomEvent();
  44. sinon.stub( editor.editing.view, 'scrollToTheSelection' );
  45. viewDocument.fire( 'enter', new DomEventData( viewDocument, domEvt, { isSoft: true } ) );
  46. expect( spy.calledOnce ).to.be.true;
  47. expect( spy.calledWithExactly( 'shiftEnter' ) ).to.be.true;
  48. expect( domEvt.preventDefault.calledOnce ).to.be.true;
  49. } );
  50. it( 'scrolls the editing document to the selection after executing the command', () => {
  51. const domEvt = getDomEvent();
  52. const executeSpy = editor.execute = sinon.spy();
  53. const scrollSpy = sinon.stub( editor.editing.view, 'scrollToTheSelection' );
  54. viewDocument.fire( 'enter', new DomEventData( viewDocument, domEvt, { isSoft: true } ) );
  55. sinon.assert.calledOnce( scrollSpy );
  56. sinon.assert.callOrder( domEvt.preventDefault, executeSpy, scrollSpy );
  57. } );
  58. it( 'does not execute the command if hard enter should be used', () => {
  59. const domEvt = getDomEvent();
  60. const commandExecuteSpy = sinon.stub( editor.commands.get( 'shiftEnter' ), 'execute' );
  61. viewDocument.fire( 'enter', new DomEventData( viewDocument, domEvt, { isSoft: false } ) );
  62. sinon.assert.notCalled( commandExecuteSpy );
  63. } );
  64. it( 'prevents default event action even if the command should not be executed', () => {
  65. const domEvt = getDomEvent();
  66. viewDocument.fire( 'enter', new DomEventData( viewDocument, domEvt, { isSoft: false } ) );
  67. sinon.assert.calledOnce( domEvt.preventDefault );
  68. } );
  69. function getDomEvent() {
  70. return {
  71. preventDefault: sinon.spy()
  72. };
  73. }
  74. } );