breakrange.js 5.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230
  1. /**
  2. * @license Copyright (c) 2003-2016, CKSource - Frederico Knabben. All rights reserved.
  3. * For licensing, see LICENSE.md.
  4. */
  5. /* bender-tags: treeview */
  6. 'use strict';
  7. import Writer from '/ckeditor5/core/treeview/writer.js';
  8. import Element from '/ckeditor5/core/treeview/element.js';
  9. import Range from '/ckeditor5/core/treeview/range.js';
  10. import Text from '/ckeditor5/core/treeview/text.js';
  11. import utils from '/tests/core/treeview/writer/_utils/utils.js';
  12. describe( 'Writer', () => {
  13. const create = utils.create;
  14. const test = utils.test;
  15. let writer;
  16. beforeEach( () => {
  17. writer = new Writer();
  18. } );
  19. describe( 'breakRange', () => {
  20. it( 'should throw when range placed in two containers', () => {
  21. const p1 = new Element( 'p' );
  22. const p2 = new Element( 'p' );
  23. expect( () => {
  24. writer.breakRange( Range.createFromParentsAndOffsets( p1, 0, p2, 0 ) );
  25. } ).to.throw( 'treeview-writer-invalid-range-container' );
  26. } );
  27. it( 'should break at collapsed range and return collapsed one', () => {
  28. // <p>{foo[]bar}</p> -> <p>{foo}[]{bar}</p>
  29. const created = create( writer, {
  30. instanceOf: Element,
  31. name: 'p',
  32. children: [
  33. { instanceOf: Text, data: 'foobar', rangeStart: 3, rangeEnd: 3 }
  34. ]
  35. } );
  36. const newRange = writer.breakRange( created.range );
  37. test( writer, newRange, created.node, {
  38. instanceOf: Element,
  39. name: 'p',
  40. rangeStart: 1,
  41. rangeEnd: 1,
  42. children: [
  43. { instanceOf: Text, data: 'foo' },
  44. { instanceOf: Text, data: 'bar' }
  45. ]
  46. } );
  47. } );
  48. it( 'should break inside text node #1', () => {
  49. // <p>{foo[bar]baz}</p> -> <p>{foo}[{bar}]{baz}</p>
  50. const created = create( writer, {
  51. instanceOf: Element,
  52. name: 'p',
  53. children: [
  54. { instanceOf: Text, data: 'foobarbaz', rangeStart: 3, rangeEnd: 6 }
  55. ]
  56. } );
  57. const newRange = writer.breakRange( created.range );
  58. test( writer, newRange, created.node, {
  59. instanceOf: Element,
  60. name: 'p',
  61. rangeStart: 1,
  62. rangeEnd: 2,
  63. children: [
  64. { instanceOf: Text, data: 'foo' },
  65. { instanceOf: Text, data: 'bar' },
  66. { instanceOf: Text, data: 'baz' }
  67. ]
  68. } );
  69. } );
  70. it( 'should break inside text node #2', () => {
  71. // <p>{foo[barbaz]}</p> -> <p>{foo}[{barbaz}]</p>
  72. const created = create( writer, {
  73. instanceOf: Element,
  74. name: 'p',
  75. children: [
  76. { instanceOf: Text, data: 'foobarbaz', rangeStart: 3, rangeEnd: 9 }
  77. ]
  78. } );
  79. const newRange = writer.breakRange( created.range );
  80. test( writer, newRange, created.node, {
  81. instanceOf: Element,
  82. name: 'p',
  83. rangeStart: 1,
  84. rangeEnd: 2,
  85. children: [
  86. { instanceOf: Text, data: 'foo' },
  87. { instanceOf: Text, data: 'barbaz' }
  88. ]
  89. } );
  90. } );
  91. it( 'should break inside text node #3', () => {
  92. // <p>{foo[barbaz}]</p> -> <p>{foo}[{barbaz}]</p>
  93. const created = create( writer, {
  94. instanceOf: Element,
  95. name: 'p',
  96. rangeEnd: 1,
  97. children: [
  98. { instanceOf: Text, data: 'foobarbaz', rangeStart: 3 }
  99. ]
  100. } );
  101. const newRange = writer.breakRange( created.range );
  102. test( writer, newRange, created.node, {
  103. instanceOf: Element,
  104. name: 'p',
  105. rangeStart: 1,
  106. rangeEnd: 2,
  107. children: [
  108. { instanceOf: Text, data: 'foo' },
  109. { instanceOf: Text, data: 'barbaz' }
  110. ]
  111. } );
  112. } );
  113. it( 'should break inside text node #4', () => {
  114. // <p>{[foo]barbaz}</p> -> <p>[{foo}]{barbaz]</p>
  115. const created = create( writer, {
  116. instanceOf: Element,
  117. name: 'p',
  118. children: [
  119. { instanceOf: Text, data: 'foobarbaz', rangeStart: 0, rangeEnd: 3 }
  120. ]
  121. } );
  122. const newRange = writer.breakRange( created.range );
  123. test( writer, newRange, created.node, {
  124. instanceOf: Element,
  125. name: 'p',
  126. rangeStart: 0,
  127. rangeEnd: 1,
  128. children: [
  129. { instanceOf: Text, data: 'foo' },
  130. { instanceOf: Text, data: 'barbaz' }
  131. ]
  132. } );
  133. } );
  134. it( 'should break inside text node #5', () => {
  135. // <p>[{foo]barbaz}</p> -> <p>[{foo}]{barbaz]</p>
  136. const created = create( writer, {
  137. instanceOf: Element,
  138. name: 'p',
  139. rangeStart: 0,
  140. children: [
  141. { instanceOf: Text, data: 'foobarbaz', rangeEnd: 3 }
  142. ]
  143. } );
  144. const newRange = writer.breakRange( created.range );
  145. test( writer, newRange, created.node, {
  146. instanceOf: Element,
  147. name: 'p',
  148. rangeStart: 0,
  149. rangeEnd: 1,
  150. children: [
  151. { instanceOf: Text, data: 'foo' },
  152. { instanceOf: Text, data: 'barbaz' }
  153. ]
  154. } );
  155. } );
  156. it( 'should break placed inside different nodes', () => {
  157. // <p>{foo[bar}<b>{baz]qux}</b></p>
  158. // <p>{foo}[{bar}<b>{baz}</b>]<b>qux</b></p>
  159. const created = create( writer, {
  160. instanceOf: Element,
  161. name: 'p',
  162. children: [
  163. { instanceOf: Text, data: 'foobar', rangeStart: 3 },
  164. {
  165. instanceOf: Element,
  166. name: 'b',
  167. priority: 1,
  168. children: [
  169. { instanceOf: Text, data: 'bazqux', rangeEnd: 3 }
  170. ]
  171. }
  172. ]
  173. } );
  174. const newRange = writer.breakRange( created.range );
  175. test( writer, newRange, created.node, {
  176. instanceOf: Element,
  177. name: 'p',
  178. rangeStart: 1,
  179. rangeEnd: 3,
  180. children: [
  181. { instanceOf: Text, data: 'foo' },
  182. { instanceOf: Text, data: 'bar' },
  183. {
  184. instanceOf: Element,
  185. name: 'b',
  186. priority: 1,
  187. children: [
  188. { instanceOf: Text, data: 'baz' }
  189. ]
  190. },
  191. {
  192. instanceOf: Element,
  193. name: 'b',
  194. priority: 1,
  195. children: [
  196. { instanceOf: Text, data: 'qux' }
  197. ]
  198. }
  199. ]
  200. } );
  201. } );
  202. } );
  203. } );