wrapposition.js 4.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124
  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 { wrapPosition } from '/ckeditor5/engine/view/writer.js';
  7. import Text from '/ckeditor5/engine/view/text.js';
  8. import Element from '/ckeditor5/engine/view/element.js';
  9. import ContainerElement from '/ckeditor5/engine/view/containerelement.js';
  10. import Position from '/ckeditor5/engine/view/position.js';
  11. import { stringify, parse } from '/tests/engine/_utils/view.js';
  12. describe( 'wrapPosition', () => {
  13. /**
  14. * Executes test using `parse` and `stringify` utils functions.
  15. *
  16. * @param {String} input
  17. * @param {String} unwrapAttribute
  18. * @param {String} expected
  19. */
  20. function test( input, unwrapAttribute, expected ) {
  21. let { view, selection } = parse( input );
  22. const newPosition = wrapPosition( selection.getFirstPosition(), parse( unwrapAttribute ) );
  23. expect( stringify( view, newPosition, { showType: true, showPriority: true } ) ).to.equal( expected );
  24. }
  25. it( 'should throw error when element is not instance of AttributeElement', () => {
  26. const container = new ContainerElement( 'p', null, new Text( 'foo' ) );
  27. const position = new Position( container, 0 );
  28. const b = new Element( 'b' );
  29. expect( () => {
  30. wrapPosition( position, b );
  31. } ).to.throwCKEditorError( 'view-writer-wrap-invalid-attribute' );
  32. } );
  33. it( 'should wrap position at the beginning of text node', () => {
  34. test(
  35. '<container:p>{}foobar</container:p>',
  36. '<attribute:b view-priority="1"></attribute:b>',
  37. '<container:p><attribute:b view-priority="1">[]</attribute:b>foobar</container:p>'
  38. );
  39. } );
  40. it( 'should wrap position inside text node', () => {
  41. test(
  42. '<container:p>foo{}bar</container:p>',
  43. '<attribute:b view-priority="1"></attribute:b>',
  44. '<container:p>foo<attribute:b view-priority="1">[]</attribute:b>bar</container:p>'
  45. );
  46. } );
  47. it( 'should support unicode', () => {
  48. test(
  49. '<container:p>நிலை{}க்கு</container:p>',
  50. '<attribute:b view-priority="1"></attribute:b>',
  51. '<container:p>நிலை<attribute:b view-priority="1">[]</attribute:b>க்கு</container:p>'
  52. );
  53. } );
  54. it( 'should wrap position inside document fragment', () => {
  55. test(
  56. '<attribute:b view-priority="1">foo</attribute:b>[]<attribute:b view-priority="3">bar</attribute:b>',
  57. '<attribute:b view-priority="2"></attribute:b>',
  58. '<attribute:b view-priority="1">foo</attribute:b><attribute:b view-priority="2">[]</attribute:b>' +
  59. '<attribute:b view-priority="3">bar</attribute:b>'
  60. );
  61. } );
  62. it( 'should wrap position at the end of text node', () => {
  63. test(
  64. '<container:p>foobar{}</container:p>',
  65. '<attribute:b view-priority="1"></attribute:b>',
  66. '<container:p>foobar<attribute:b view-priority="1">[]</attribute:b></container:p>'
  67. );
  68. } );
  69. it( 'should merge with existing attributes #1', () => {
  70. test(
  71. '<container:p><attribute:b view-priority="1">foo</attribute:b>[]</container:p>',
  72. '<attribute:b view-priority="1"></attribute:b>',
  73. '<container:p><attribute:b view-priority="1">foo{}</attribute:b></container:p>'
  74. );
  75. } );
  76. it( 'should merge with existing attributes #2', () => {
  77. test(
  78. '<container:p>[]<attribute:b view-priority="1">foo</attribute:b></container:p>',
  79. '<attribute:b view-priority="1"></attribute:b>',
  80. '<container:p><attribute:b view-priority="1">{}foo</attribute:b></container:p>'
  81. );
  82. } );
  83. it( 'should wrap when inside nested attributes', () => {
  84. test(
  85. '<container:p><attribute:b view-priority="1">foo{}bar</attribute:b></container:p>',
  86. '<attribute:u view-priority="1"></attribute:u>',
  87. '<container:p>' +
  88. '<attribute:b view-priority="1">foo</attribute:b>' +
  89. '<attribute:u view-priority="1"><attribute:b view-priority="1">[]</attribute:b></attribute:u>' +
  90. '<attribute:b view-priority="1">bar</attribute:b>' +
  91. '</container:p>'
  92. );
  93. } );
  94. it( 'should merge when wrapping between same attribute', () => {
  95. test(
  96. '<container:p><attribute:b view-priority="1">foo</attribute:b>[]<attribute:b view-priority="1">bar</attribute:b></container:p>',
  97. '<attribute:b view-priority="1"></attribute:b>',
  98. '<container:p><attribute:b view-priority="1">foo{}bar</attribute:b></container:p>'
  99. );
  100. } );
  101. it( 'should move position to text node if in same attribute', () => {
  102. test(
  103. '<container:p><attribute:b view-priority="1">foobar[]</attribute:b></container:p>',
  104. '<attribute:b view-priority="1"></attribute:b>',
  105. '<container:p><attribute:b view-priority="1">foobar{}</attribute:b></container:p>'
  106. );
  107. } );
  108. } );