8
0

utils.js 4.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136
  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 ViewContainerElement from '@ckeditor/ckeditor5-engine/src/view/containerelement';
  6. import ViewDowncastWriter from '@ckeditor/ckeditor5-engine/src/view/downcastwriter';
  7. import { createViewListItemElement } from '../src/utils';
  8. describe( 'utils', () => {
  9. let writer;
  10. beforeEach( () => {
  11. writer = new ViewDowncastWriter( {} );
  12. } );
  13. describe( 'createViewListItemElement()', () => {
  14. it( 'should create ViewContainerElement', () => {
  15. const item = createViewListItemElement( writer );
  16. expect( item ).to.be.instanceof( ViewContainerElement );
  17. } );
  18. it( 'should have li name', () => {
  19. const item = createViewListItemElement( writer );
  20. expect( item.name ).to.equal( 'li' );
  21. } );
  22. describe( 'getFillerOffset', () => {
  23. it( 'should return 0 if item is empty', () => {
  24. const item = createViewListItemElement( writer );
  25. expect( item.getFillerOffset() ).to.equal( 0 );
  26. } );
  27. it( 'should return 0 if item has only lists as children', () => {
  28. const innerListItem1 = createViewListItemElement( writer );
  29. writer.insert(
  30. writer.createPositionAt( innerListItem1, 0 ),
  31. writer.createText( 'foo' )
  32. );
  33. const innerListItem2 = createViewListItemElement( writer );
  34. writer.insert(
  35. writer.createPositionAt( innerListItem2, 0 ),
  36. writer.createText( 'bar' )
  37. );
  38. const innerList = writer.createContainerElement( 'ul' );
  39. writer.insert( writer.createPositionAt( innerList, 0 ), innerListItem1 );
  40. writer.insert( writer.createPositionAt( innerList, 0 ), innerListItem2 );
  41. const outerListItem = createViewListItemElement( writer );
  42. writer.insert( writer.createPositionAt( outerListItem, 0 ), innerList );
  43. expect( outerListItem.getFillerOffset() ).to.equal( 0 );
  44. } );
  45. it( 'should return null if item has non-list contents', () => {
  46. const item = createViewListItemElement( writer );
  47. writer.insert(
  48. writer.createPositionAt( item, 0 ),
  49. writer.createText( 'foo' )
  50. );
  51. expect( item.getFillerOffset() ).to.be.null;
  52. } );
  53. // Block filler is required after the `<br>` element if the element is the last child in the container.
  54. // See: https://github.com/ckeditor/ckeditor5/issues/1312#issuecomment-436669045.
  55. describe( 'for <br> elements in container', () => {
  56. it( 'returns offset of the last child which is the <br> element (1)', () => {
  57. const item = createViewListItemElement( writer );
  58. writer.insert( writer.createPositionAt( item, 0 ), writer.createEmptyElement( 'br' ) );
  59. expect( item.getFillerOffset() ).to.equal( 1 );
  60. } );
  61. it( 'returns offset of the last child which is the <br> element (2)', () => {
  62. const item = createViewListItemElement( writer );
  63. writer.insert( writer.createPositionAt( item, 0 ), writer.createEmptyElement( 'br' ) );
  64. writer.insert( writer.createPositionAt( item, 1 ), writer.createEmptyElement( 'br' ) );
  65. expect( item.getFillerOffset() ).to.equal( 2 );
  66. } );
  67. it( 'always returns the last <br> element in the container', () => {
  68. const item = createViewListItemElement( writer );
  69. writer.insert( writer.createPositionAt( item, 0 ), writer.createText( 'foo' ) );
  70. writer.insert( writer.createPositionAt( item, 1 ), writer.createEmptyElement( 'br' ) );
  71. writer.insert( writer.createPositionAt( item, 2 ), writer.createEmptyElement( 'br' ) );
  72. expect( item.getFillerOffset() ).to.equal( 3 );
  73. } );
  74. it( 'works fine with non-empty container with multi <br> elements', () => {
  75. const item = createViewListItemElement( writer );
  76. writer.insert( writer.createPositionAt( item, 0 ), writer.createText( 'foo' ) );
  77. writer.insert( writer.createPositionAt( item, 1 ), writer.createEmptyElement( 'br' ) );
  78. writer.insert( writer.createPositionAt( item, 2 ), writer.createText( 'bar' ) );
  79. writer.insert( writer.createPositionAt( item, 3 ), writer.createEmptyElement( 'br' ) );
  80. expect( item.getFillerOffset() ).to.equal( 4 );
  81. } );
  82. it( 'ignores the ui elements', () => {
  83. const item = createViewListItemElement( writer );
  84. writer.insert( writer.createPositionAt( item, 0 ), writer.createUIElement( 'span' ) );
  85. writer.insert( writer.createPositionAt( item, 1 ), writer.createEmptyElement( 'br' ) );
  86. expect( item.getFillerOffset() ).to.equal( 2 );
  87. } );
  88. it( 'empty element must be the <br> element', () => {
  89. const item = createViewListItemElement( writer );
  90. writer.insert(
  91. writer.createPositionAt( item, 0 ),
  92. writer.createEmptyElement( 'img' )
  93. );
  94. expect( item.getFillerOffset() ).to.be.null;
  95. } );
  96. } );
  97. } );
  98. } );
  99. } );