resize.js 2.3 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283
  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. /* global document */
  6. import ClassicTestEditor from '@ckeditor/ckeditor5-core/tests/_utils/classictesteditor';
  7. import ParagraphPlugin from '@ckeditor/ckeditor5-paragraph/src/paragraph';
  8. import ImagePlugin from '../../src/image';
  9. describe( 'Image resizer', () => {
  10. // 40x20 black png image
  11. const imageFixture = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAUCAQAAABVT7cwAAAAHUlEQVR42mNk' +
  12. '+MlAVcA4auCogaMGjho4auBINRAAxoATiYvKC7IAAAAASUVORK5CYII=';
  13. let editor, viewDocument, editorElement;
  14. beforeEach( () => {
  15. editorElement = document.createElement( 'div' );
  16. editorElement.innerHTML = `<p>foo</p><figure><img src="${ imageFixture }"></figure>`;
  17. document.body.appendChild( editorElement );
  18. return ClassicTestEditor
  19. .create( editorElement, {
  20. plugins: [ ImagePlugin, ParagraphPlugin ]
  21. } )
  22. .then( newEditor => {
  23. editor = newEditor;
  24. viewDocument = editor.editing.view.document;
  25. } );
  26. } );
  27. afterEach( () => {
  28. editorElement.remove();
  29. return editor.destroy();
  30. } );
  31. describe( 'visual resizers', () => {
  32. it( 'correct amount is added by default', () => {
  33. const resizers = document.querySelectorAll( '.ck-widget__resizer' );
  34. expect( resizers.length ).to.be.equal( 4 );
  35. } );
  36. describe( 'visibility', () => {
  37. it( 'is hidden by default', () => {
  38. const allResizers = document.querySelectorAll( '.ck-widget__resizer' );
  39. for ( const resizer of allResizers ) {
  40. expect( isVisible( resizer ) ).to.be.false;
  41. }
  42. } );
  43. it( 'is shown when image is focused', () => {
  44. const widget = viewDocument.getRoot().getChild( 1 );
  45. const allResizers = document.querySelectorAll( '.ck-widget__resizer' );
  46. const domEventDataMock = {
  47. target: widget,
  48. preventDefault: sinon.spy()
  49. };
  50. viewDocument.fire( 'mousedown', domEventDataMock );
  51. for ( const resizer of allResizers ) {
  52. expect( isVisible( resizer ) ).to.be.true;
  53. }
  54. } );
  55. } );
  56. } );
  57. describe( 'standard image', () => {
  58. it( 'works', () => {} );
  59. } );
  60. describe( 'side image', () => {} );
  61. function isVisible( element ) {
  62. // Checks if the DOM element is visible to the end user.
  63. return element.offsetParent !== null;
  64. }
  65. } );