8
0

mergeContainers.js 3.0 KB

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