mergecontainers.js 3.2 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091
  1. /**
  2. * @license Copyright (c) 2003-2020, CKSource - Frederico Knabben. All rights reserved.
  3. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
  4. */
  5. import DowncastWriter from '../../../src/view/downcastwriter';
  6. import { stringify, parse } from '../../../src/dev-utils/view';
  7. import Document from '../../../src/view/document';
  8. import { expectToThrowCKEditorError } from '@ckeditor/ckeditor5-utils/tests/_utils/utils';
  9. describe( 'DowncastWriter', () => {
  10. describe( 'mergeContainers()', () => {
  11. let writer;
  12. // Executes test using `parse` and `stringify` utils functions. Uses range delimiters `[]{}` to create and
  13. // test break position.
  14. //
  15. // @param {String} input
  16. // @param {String} expected
  17. function testMerge( input, expected ) {
  18. const { view, selection } = parse( input );
  19. const newPosition = writer.mergeContainers( selection.getFirstPosition() );
  20. expect( stringify( view.root, newPosition, { showType: true, showPriority: false } ) ).to.equal( expected );
  21. }
  22. before( () => {
  23. writer = new DowncastWriter( new Document() );
  24. } );
  25. it( 'should merge two container elements - position between elements', () => {
  26. testMerge(
  27. '<container:div>' +
  28. '<attribute:b>foo</attribute:b>' +
  29. '</container:div>' +
  30. '[]<container:div>' +
  31. '<attribute:u>bar</attribute:u>' +
  32. '</container:div>',
  33. '<container:div><attribute:b>foo</attribute:b>[]<attribute:u>bar</attribute:u></container:div>'
  34. );
  35. } );
  36. it( 'should merge two container elements - position in text', () => {
  37. testMerge(
  38. '<container:div>foo</container:div>[]<container:div>bar</container:div>',
  39. '<container:div>foo{}bar</container:div>'
  40. );
  41. } );
  42. it( 'should merge two different container elements', () => {
  43. testMerge(
  44. '<container:div>foo</container:div>[]<container:p>bar</container:p>',
  45. '<container:div>foo{}bar</container:div>'
  46. );
  47. } );
  48. it( 'should throw if there is no element before position', () => {
  49. const { selection } = parse( '[]<container:div>foobar</container:div>' );
  50. expectToThrowCKEditorError( () => {
  51. writer.mergeContainers( selection.getFirstPosition() );
  52. }, /view-writer-merge-containers-invalid-position/, writer );
  53. } );
  54. it( 'should throw if there is no element after position', () => {
  55. const { selection } = parse( '<container:div>foobar</container:div>[]' );
  56. expectToThrowCKEditorError( () => {
  57. writer.mergeContainers( selection.getFirstPosition() );
  58. }, /view-writer-merge-containers-invalid-position/, writer );
  59. } );
  60. it( 'should throw if element before position is not a container element', () => {
  61. const { selection } = parse( '<attribute:u>foo</attribute:u>[]<container:div>bar</container:div>' );
  62. expectToThrowCKEditorError( () => {
  63. writer.mergeContainers( selection.getFirstPosition() );
  64. }, /view-writer-merge-containers-invalid-position/, writer );
  65. } );
  66. it( 'should throw if element after position is not a container element', () => {
  67. const { selection } = parse( '<container:div>foo</container:div>[]<attribute:u>bar</attribute:u>' );
  68. expectToThrowCKEditorError( () => {
  69. writer.mergeContainers( selection.getFirstPosition() );
  70. }, /view-writer-merge-containers-invalid-position/, writer );
  71. } );
  72. } );
  73. } );