8
0

insert.js 25 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044
  1. import { Client, syncClients, expectClients } from './utils.js';
  2. describe( 'transform', () => {
  3. let john, kate;
  4. beforeEach( () => {
  5. return Promise.all( [
  6. Client.get( 'john' ).then( client => ( john = client ) ),
  7. Client.get( 'kate' ).then( client => ( kate = client ) )
  8. ] );
  9. } );
  10. afterEach( () => {
  11. return Promise.all( [ john.destroy(), kate.destroy() ] );
  12. } );
  13. describe( 'insert', () => {
  14. describe( 'by insert', () => {
  15. it( 'elements at same position #1', () => {
  16. john.setData( '[]<paragraph>Foo</paragraph>' );
  17. kate.setData( '[]<paragraph>Foo</paragraph>' );
  18. john.insert( '<paragraph>Abc</paragraph>' );
  19. kate.insert( '<paragraph>Xyz</paragraph>' );
  20. syncClients();
  21. expectClients(
  22. '<paragraph>Abc</paragraph>' +
  23. '<paragraph>Xyz</paragraph>' +
  24. '<paragraph>Foo</paragraph>'
  25. );
  26. } );
  27. it( 'elements at same position #2', () => {
  28. john.setData( '[]<paragraph>Foo</paragraph>' );
  29. kate.setData( '[]<paragraph>Foo</paragraph>' );
  30. kate.insert( '<paragraph>Xyz</paragraph>' );
  31. john.insert( '<paragraph>Abc</paragraph>' );
  32. syncClients();
  33. expectClients(
  34. '<paragraph>Abc</paragraph>' +
  35. '<paragraph>Xyz</paragraph>' +
  36. '<paragraph>Foo</paragraph>'
  37. );
  38. } );
  39. it( 'elements in same parent', () => {
  40. john.setData( '[]<paragraph>Foo</paragraph>' );
  41. kate.setData( '<paragraph>Foo</paragraph>[]' );
  42. john.insert( '<paragraph>Abc</paragraph>' );
  43. kate.insert( '<paragraph>Xyz</paragraph>' );
  44. syncClients();
  45. expectClients(
  46. '<paragraph>Abc</paragraph>' +
  47. '<paragraph>Foo</paragraph>' +
  48. '<paragraph>Xyz</paragraph>'
  49. );
  50. } );
  51. it( 'elements in same path', () => {
  52. john.setData( '[]<blockQuote><paragraph>Foo</paragraph></blockQuote>' );
  53. kate.setData( '<blockQuote>[]<paragraph>Foo</paragraph></blockQuote>' );
  54. john.insert( '<paragraph>Abc</paragraph>' );
  55. kate.insert( '<paragraph>Xyz</paragraph>' );
  56. syncClients();
  57. expectClients(
  58. '<paragraph>Abc</paragraph>' +
  59. '<blockQuote>' +
  60. '<paragraph>Xyz</paragraph>' +
  61. '<paragraph>Foo</paragraph>' +
  62. '</blockQuote>'
  63. );
  64. } );
  65. it( 'text at different paths', () => {
  66. john.setData( '<paragraph>Abc[]</paragraph><paragraph>Xyz</paragraph>' );
  67. kate.setData( '<paragraph>Abc</paragraph><paragraph>[]Xyz</paragraph>' );
  68. john.type( 'Foo' );
  69. kate.type( 'Bar' );
  70. syncClients();
  71. expectClients(
  72. '<paragraph>AbcFoo</paragraph>' +
  73. '<paragraph>BarXyz</paragraph>'
  74. );
  75. } );
  76. it( 'text, then wrap and undo', () => {
  77. john.setData( '<paragraph>Foo[]</paragraph>' );
  78. kate.setData( '<paragraph>Foo[]</paragraph>' );
  79. john.type( 'Bar' );
  80. kate.type( 'Abc' );
  81. syncClients();
  82. john.setSelection( [ 0 ], [ 1 ] );
  83. john.wrap( 'blockQuote' );
  84. kate.undo();
  85. syncClients();
  86. expectClients(
  87. '<blockQuote>' +
  88. '<paragraph>FooBar</paragraph>' +
  89. '</blockQuote>'
  90. );
  91. } );
  92. it( 'text, then insert element and merge', () => {
  93. john.setData( '<paragraph>[]</paragraph><paragraph>Abc</paragraph>' );
  94. kate.setData( '<paragraph>[]</paragraph><paragraph>Abc</paragraph>' );
  95. john.type( 'Foo' );
  96. kate.type( ' Bar' );
  97. syncClients();
  98. expectClients(
  99. '<paragraph>Foo Bar</paragraph>' +
  100. '<paragraph>Abc</paragraph>'
  101. );
  102. john.setSelection( [ 1 ] );
  103. kate.setSelection( [ 1 ] );
  104. john.insert( '<paragraph>Xyz</paragraph>' );
  105. kate.merge();
  106. syncClients();
  107. expectClients(
  108. '<paragraph>Foo BarAbc</paragraph>' +
  109. '<paragraph>Xyz</paragraph>'
  110. );
  111. } );
  112. it( 'text, then split and undo', () => {
  113. john.setData( '<paragraph>[]</paragraph>' );
  114. kate.setData( '<paragraph>[]</paragraph>' );
  115. john.type( 'Foo' );
  116. kate.type( ' Bar' );
  117. syncClients();
  118. john.setSelection( [ 0, 1 ] );
  119. kate.setSelection( [ 0, 4 ] );
  120. john.split();
  121. kate.split();
  122. syncClients();
  123. john.undo();
  124. kate.undo();
  125. syncClients();
  126. john.undo();
  127. kate.undo();
  128. syncClients();
  129. expectClients(
  130. '<paragraph></paragraph>'
  131. );
  132. } );
  133. } );
  134. describe( 'by move', () => {
  135. it( 'element at different paths #1', () => {
  136. john.setData( '[]<paragraph>Foo</paragraph><paragraph>Bar</paragraph>' );
  137. kate.setData( '<paragraph>Foo</paragraph><paragraph>B[ar]</paragraph>' );
  138. john.insert( '<paragraph>Abc</paragraph>' );
  139. kate.move( [ 1, 0 ] );
  140. syncClients();
  141. expectClients(
  142. '<paragraph>Abc</paragraph>' +
  143. '<paragraph>Foo</paragraph>' +
  144. '<paragraph>arB</paragraph>'
  145. );
  146. } );
  147. it( 'element at different paths #2', () => {
  148. john.setData( '<blockQuote><paragraph>Foo</paragraph>[]</blockQuote><paragraph>Bar</paragraph>' );
  149. kate.setData( '<blockQuote><paragraph>Foo</paragraph></blockQuote><paragraph>B[ar]</paragraph>' );
  150. john.insert( '<paragraph>Abc</paragraph>' );
  151. kate.move( [ 0, 0, 0 ] );
  152. syncClients();
  153. expectClients(
  154. '<blockQuote>' +
  155. '<paragraph>arFoo</paragraph>' +
  156. '<paragraph>Abc</paragraph>' +
  157. '</blockQuote>' +
  158. '<paragraph>B</paragraph>'
  159. );
  160. } );
  161. it( 'text at same path', () => {
  162. john.setData( '<paragraph>F[]oo Bar</paragraph>' );
  163. kate.setData( '<paragraph>Foo B[ar]</paragraph>' );
  164. john.type( 'Abc' );
  165. kate.move( [ 0, 0 ] );
  166. syncClients();
  167. expectClients( '<paragraph>arFAbcoo B</paragraph>' );
  168. } );
  169. it( 'text at same position #1', () => {
  170. john.setData( '<paragraph>Foo[] Bar</paragraph>' );
  171. kate.setData( '<paragraph>Foo [Bar]</paragraph>' );
  172. john.type( 'Abc' );
  173. kate.move( [ 0, 3 ] );
  174. syncClients();
  175. expectClients( '<paragraph>FooBarAbc </paragraph>' );
  176. } );
  177. it( 'text at same position #2', () => {
  178. john.setData( '<paragraph>Foo []Bar</paragraph>' );
  179. kate.setData( '<paragraph>Foo [Bar]</paragraph>' );
  180. john.type( 'Abc' );
  181. kate.move( [ 0, 0 ] );
  182. syncClients();
  183. expectClients( '<paragraph>BarFoo Abc</paragraph>' );
  184. } );
  185. } );
  186. describe( 'by wrap', () => {
  187. it( 'element in same path', () => {
  188. john.setData( '<paragraph>Foo Bar</paragraph>[]' );
  189. kate.setData( '[<paragraph>Foo Bar</paragraph>]' );
  190. john.insert( '<paragraph>Abc</paragraph>' );
  191. kate.wrap( 'blockQuote' );
  192. syncClients();
  193. expectClients(
  194. '<blockQuote>' +
  195. '<paragraph>Foo Bar</paragraph>' +
  196. '</blockQuote>' +
  197. '<paragraph>Abc</paragraph>'
  198. );
  199. } );
  200. it( 'element in same path', () => {
  201. john.setData( '<paragraph>Foo[]</paragraph>' );
  202. kate.setData( '[<paragraph>Foo</paragraph>]' );
  203. john.type( ' Bar' );
  204. kate.wrap( 'blockQuote' );
  205. syncClients();
  206. expectClients(
  207. '<blockQuote>' +
  208. '<paragraph>Foo Bar</paragraph>' +
  209. '</blockQuote>'
  210. );
  211. } );
  212. it( 'element in different paths', () => {
  213. john.setData( '<paragraph>Foo</paragraph>[]<paragraph>Bar</paragraph>' );
  214. kate.setData( '<paragraph>Foo</paragraph>[<paragraph>Bar</paragraph>]' );
  215. john.insert( '<paragraph>Abc</paragraph>' );
  216. kate.wrap( 'blockQuote' );
  217. syncClients();
  218. expectClients(
  219. '<paragraph>Foo</paragraph>' +
  220. '<paragraph>Abc</paragraph>' +
  221. '<blockQuote>' +
  222. '<paragraph>Bar</paragraph>' +
  223. '</blockQuote>'
  224. );
  225. } );
  226. it( 'element in different paths', () => {
  227. john.setData( '<paragraph>Foo</paragraph><paragraph>Bar[]</paragraph>' );
  228. kate.setData( '[<paragraph>Foo</paragraph>]<paragraph>Bar</paragraph>' );
  229. john.type( 'Abc' );
  230. kate.wrap( 'blockQuote' );
  231. syncClients();
  232. expectClients(
  233. '<blockQuote>' +
  234. '<paragraph>Foo</paragraph>' +
  235. '</blockQuote>' +
  236. '<paragraph>BarAbc</paragraph>'
  237. );
  238. } );
  239. it( 'element, then unwrap and split', () => {
  240. john.setData( '<paragraph>Foo[]</paragraph>' );
  241. kate.setData( '[<paragraph>Foo</paragraph>]' );
  242. john.type( ' Bar' );
  243. kate.wrap( 'blockQuote' );
  244. syncClients();
  245. expectClients( '<blockQuote><paragraph>Foo Bar</paragraph></blockQuote>' );
  246. john.setSelection( [ 0, 0 ] );
  247. kate.setSelection( [ 0, 0, 2 ] );
  248. john.unwrap();
  249. kate.split();
  250. syncClients();
  251. expectClients(
  252. '<paragraph>Fo</paragraph>' +
  253. '<paragraph>o Bar</paragraph>'
  254. );
  255. } );
  256. it( 'element, then add marker and split', () => {
  257. john.setData( '<paragraph>Foo[]</paragraph>' );
  258. kate.setData( '[<paragraph>Foo</paragraph>]' );
  259. john.type( ' Bar' );
  260. kate.wrap( 'blockQuote' );
  261. syncClients();
  262. john.setSelection( [ 0, 0, 0 ], [ 0, 0, 3 ] );
  263. kate.setSelection( [ 0, 0, 2 ] );
  264. john.setMarker( 'm1' );
  265. kate.split();
  266. syncClients();
  267. expectClients(
  268. '<blockQuote>' +
  269. '<paragraph><m1:start></m1:start>Fo</paragraph>' +
  270. '<paragraph>o<m1:end></m1:end> Bar</paragraph>' +
  271. '</blockQuote>'
  272. );
  273. } );
  274. it( 'element, then insert element and unwrap', () => {
  275. john.setData( '<paragraph>Foo[]</paragraph>' );
  276. kate.setData( '[<paragraph>Foo</paragraph>]' );
  277. john.type( ' Bar' );
  278. kate.wrap( 'blockQuote' );
  279. syncClients();
  280. john.setSelection( [ 0, 0 ] );
  281. kate.setSelection( [ 0, 0 ] );
  282. john.insert( '<paragraph>Abc</paragraph>' );
  283. kate.unwrap();
  284. syncClients();
  285. expectClients(
  286. '<paragraph>Abc</paragraph>' +
  287. '<paragraph>Foo Bar</paragraph>'
  288. );
  289. } );
  290. it( 'element, then split at the same position and undo', () => {
  291. john.setData( '<paragraph>Foo[]</paragraph>' );
  292. kate.setData( '[<paragraph>Foo</paragraph>]' );
  293. john.type( ' Bar' );
  294. kate.wrap( 'blockQuote' );
  295. syncClients();
  296. expectClients( '<blockQuote><paragraph>Foo Bar</paragraph></blockQuote>' );
  297. john.setSelection( [ 0, 0, 3 ] );
  298. kate.setSelection( [ 0, 0, 3 ] );
  299. john.split();
  300. kate.split();
  301. syncClients();
  302. expectClients(
  303. '<blockQuote>' +
  304. '<paragraph>Foo</paragraph>' +
  305. '<paragraph> Bar</paragraph>' +
  306. '</blockQuote>'
  307. );
  308. kate.undo();
  309. syncClients();
  310. // Below is not the best result ever but it is acceptable.
  311. expectClients(
  312. '<blockQuote>' +
  313. '<paragraph>Foo Bar</paragraph>' +
  314. '</blockQuote>'
  315. );
  316. } );
  317. } );
  318. describe( 'by unwrap', () => {
  319. it( 'element in different path', () => {
  320. john.setData( '<paragraph>Foo[]</paragraph><blockQuote><paragraph>Bar</paragraph></blockQuote>' );
  321. kate.setData( '<paragraph>Foo</paragraph><blockQuote>[<paragraph>Bar</paragraph>]</blockQuote>' );
  322. john.type( 'Abc' );
  323. kate.unwrap();
  324. syncClients();
  325. expectClients(
  326. '<paragraph>FooAbc</paragraph><paragraph>Bar</paragraph>'
  327. );
  328. } );
  329. it( 'element in same path #1', () => {
  330. john.setData( '<blockQuote><paragraph>Foo[]</paragraph></blockQuote>' );
  331. kate.setData( '<blockQuote>[<paragraph>Foo</paragraph>]</blockQuote>' );
  332. john.type( ' Bar' );
  333. kate.unwrap();
  334. syncClients();
  335. expectClients(
  336. '<paragraph>Foo Bar</paragraph>'
  337. );
  338. } );
  339. it( 'element in same path #2', () => {
  340. john.setData( '<blockQuote><paragraph>Foo</paragraph>[]</blockQuote>' );
  341. kate.setData( '<blockQuote>[<paragraph>Foo</paragraph>]</blockQuote>' );
  342. john.insert( '<paragraph>Bar</paragraph>' );
  343. kate.unwrap();
  344. syncClients();
  345. expectClients(
  346. '<paragraph>Foo</paragraph>' +
  347. '<paragraph>Bar</paragraph>'
  348. );
  349. } );
  350. it( 'element, then insert text and move', () => {
  351. john.setData( '<blockQuote>[]<paragraph>Foo</paragraph></blockQuote>' );
  352. kate.setData( '<blockQuote>[]<paragraph>Foo</paragraph></blockQuote>' );
  353. john.insert( '<paragraph>Bar</paragraph>' );
  354. kate.unwrap();
  355. syncClients();
  356. expectClients( '<paragraph>Bar</paragraph><paragraph>Foo</paragraph>' );
  357. john.setSelection( [ 0, 0 ] );
  358. kate.setSelection( [ 0, 2 ], [ 0, 3 ] );
  359. john.type( 'Abc' );
  360. kate.move( [ 0, 0 ] );
  361. syncClients();
  362. expectClients(
  363. '<paragraph>rAbcBa</paragraph>' +
  364. '<paragraph>Foo</paragraph>'
  365. );
  366. } );
  367. it( 'element, then insert text and remove', () => {
  368. john.setData( '<blockQuote><paragraph>Foo</paragraph>[]</blockQuote>' );
  369. kate.setData( '<blockQuote>[<paragraph>Foo</paragraph>]</blockQuote>' );
  370. john.insert( '<paragraph>Bar</paragraph>' );
  371. kate.unwrap();
  372. syncClients();
  373. john.setSelection( [ 0, 0 ] );
  374. kate.setSelection( [ 0, 0 ], [ 0, 3 ] );
  375. john.type( 'Abc' );
  376. kate.remove();
  377. syncClients();
  378. expectClients(
  379. '<paragraph>Abc</paragraph>' +
  380. '<paragraph>Bar</paragraph>'
  381. );
  382. } );
  383. it( 'element, then wrap and undo on both clients', () => {
  384. john.setData( '<blockQuote><paragraph>Foo</paragraph>[]</blockQuote>' );
  385. kate.setData( '<blockQuote>[<paragraph>Foo</paragraph>]</blockQuote>' );
  386. john.insert( '<paragraph>Bar</paragraph>' );
  387. kate.unwrap();
  388. syncClients();
  389. kate.setSelection( [ 0 ], [ 1 ] );
  390. kate.wrap( 'blockQuote' );
  391. john.undo();
  392. syncClients();
  393. expectClients(
  394. '<blockQuote>' +
  395. '<paragraph>Foo</paragraph>' +
  396. '</blockQuote>'
  397. );
  398. } );
  399. it( 'element, then wrap, unwrap and undo', () => {
  400. john.setData( '<blockQuote><paragraph>Foo[]</paragraph></blockQuote>' );
  401. kate.setData( '<blockQuote>[]<paragraph>Foo</paragraph></blockQuote>' );
  402. john.type( ' Bar' );
  403. kate.unwrap();
  404. syncClients();
  405. expectClients( '<paragraph>Foo Bar</paragraph>' );
  406. john.setSelection( [ 0 ], [ 1 ] );
  407. john.wrap( 'blockQuote' );
  408. syncClients();
  409. expectClients( '<blockQuote><paragraph>Foo Bar</paragraph></blockQuote>' );
  410. john.undo();
  411. kate.setSelection( [ 0, 0 ], [ 0, 1 ] );
  412. kate.unwrap();
  413. syncClients();
  414. expectClients( '<paragraph>Foo Bar</paragraph>' );
  415. } );
  416. } );
  417. describe( 'by split', () => {
  418. it( 'text in same path #1', () => {
  419. john.setData( '<paragraph>Foo</paragraph>[]' );
  420. kate.setData( '<paragraph>F[]oo</paragraph>' );
  421. john.insert( '<paragraph>Bar</paragraph>' );
  422. kate.split();
  423. syncClients();
  424. expectClients(
  425. '<paragraph>F</paragraph>' +
  426. '<paragraph>oo</paragraph>' +
  427. '<paragraph>Bar</paragraph>'
  428. );
  429. } );
  430. it( 'text in same path #2', () => {
  431. john.setData( '<paragraph>Fo[]o</paragraph>' );
  432. kate.setData( '<paragraph>F[]oo</paragraph>' );
  433. john.type( 'Bar' );
  434. kate.split();
  435. syncClients();
  436. expectClients( '<paragraph>F</paragraph><paragraph>oBaro</paragraph>' );
  437. } );
  438. it( 'text in different paths #1', () => {
  439. john.setData( '[]<paragraph>Foo</paragraph><paragraph>Bar</paragraph>' );
  440. kate.setData( '<paragraph>Foo</paragraph><paragraph>B[]ar</paragraph>' );
  441. john.insert( '<paragraph>Abc</paragraph>' );
  442. kate.split();
  443. syncClients();
  444. expectClients(
  445. '<paragraph>Abc</paragraph>' +
  446. '<paragraph>Foo</paragraph>' +
  447. '<paragraph>B</paragraph>' +
  448. '<paragraph>ar</paragraph>'
  449. );
  450. } );
  451. it( 'text in different paths #2', () => {
  452. john.setData( '<paragraph>Foo[]</paragraph><paragraph>Bar</paragraph>' );
  453. kate.setData( '<paragraph>Foo</paragraph><paragraph>B[]ar</paragraph>' );
  454. john.type( 'Abc' );
  455. kate.split();
  456. syncClients();
  457. expectClients(
  458. '<paragraph>FooAbc</paragraph>' +
  459. '<paragraph>B</paragraph>' +
  460. '<paragraph>ar</paragraph>'
  461. );
  462. } );
  463. it( 'text at same position', () => {
  464. john.setData( '<paragraph>F[]oo</paragraph>' );
  465. kate.setData( '<paragraph>F[]oo</paragraph>' );
  466. john.type( 'Bar' );
  467. kate.split();
  468. syncClients();
  469. expectClients( '<paragraph>FBar</paragraph><paragraph>oo</paragraph>' );
  470. } );
  471. it( 'text at same position #2', () => {
  472. john.setData( '<paragraph>Foo[]</paragraph>' );
  473. kate.setData( '<paragraph>Foo[]</paragraph>' );
  474. john.type( 'Bar' );
  475. kate.split();
  476. syncClients();
  477. expectClients( '<paragraph>FooBar</paragraph><paragraph></paragraph>' );
  478. } );
  479. it( 'text, then insert element and split', () => {
  480. john.setData( '<paragraph>[]Foo</paragraph>' );
  481. kate.setData( '<paragraph>F[]oo</paragraph>' );
  482. john.type( 'Bar' );
  483. kate.split();
  484. syncClients();
  485. john.setSelection( [ 1 ] );
  486. kate.setSelection( [ 1, 1 ] );
  487. john.insert( '<paragraph>Abc</paragraph>' );
  488. kate.split();
  489. syncClients();
  490. expectClients(
  491. '<paragraph>BarF</paragraph>' +
  492. '<paragraph>Abc</paragraph>' +
  493. '<paragraph>o</paragraph>' +
  494. '<paragraph>o</paragraph>'
  495. );
  496. } );
  497. } );
  498. describe( 'by remove', () => {
  499. it( 'text in different path', () => {
  500. john.setData( '<paragraph>Foo[]</paragraph><paragraph>Bar</paragraph>' );
  501. kate.setData( '<paragraph>Foo</paragraph><paragraph>[Bar]</paragraph>' );
  502. john.type( 'Abc' );
  503. kate.remove();
  504. syncClients();
  505. expectClients(
  506. '<paragraph>FooAbc</paragraph><paragraph></paragraph>'
  507. );
  508. } );
  509. it( 'text in same path', () => {
  510. john.setData( '<paragraph>Foo[]</paragraph>' );
  511. kate.setData( '<paragraph>[Foo]</paragraph>' );
  512. john.type( 'Bar' );
  513. kate.remove();
  514. syncClients();
  515. expectClients(
  516. '<paragraph>Bar</paragraph>'
  517. );
  518. } );
  519. it( 'element in different path', () => {
  520. john.setData( '<paragraph>Foo[]</paragraph><paragraph>Bar</paragraph>' );
  521. kate.setData( '<paragraph>Foo</paragraph>[<paragraph>Bar</paragraph>]' );
  522. john.type( 'Abc' );
  523. kate.remove();
  524. syncClients();
  525. expectClients( '<paragraph>FooAbc</paragraph>' );
  526. } );
  527. it( 'element in same path', () => {
  528. john.setData( '<paragraph>Foo[]</paragraph><paragraph>Bar</paragraph>' );
  529. kate.setData( '[<paragraph>Foo</paragraph>]<paragraph>Bar</paragraph>' );
  530. john.type( 'Abc' );
  531. kate.remove();
  532. syncClients();
  533. expectClients( '<paragraph>Bar</paragraph>' );
  534. } );
  535. it( 'text, then rename, split and undo', () => {
  536. john.setData( '<paragraph>Foo Bar[]</paragraph>' );
  537. kate.setData( '<paragraph>Foo [Bar]</paragraph>' );
  538. john.type( 'Bar' );
  539. kate.remove();
  540. syncClients();
  541. expectClients( '<paragraph>Foo Bar</paragraph>' );
  542. john.setSelection( [ 0, 0 ] );
  543. kate.setSelection( [ 0, 4 ] );
  544. john.rename( 'heading1' );
  545. kate.split();
  546. syncClients();
  547. expectClients( '<heading1>Foo </heading1><heading1>Bar</heading1>' );
  548. kate.undo();
  549. syncClients();
  550. expectClients( '<heading1>Foo Bar</heading1>' );
  551. } );
  552. it( 'element, then add marker, split and undo with type #1', () => {
  553. john.setData( '<paragraph>Foo</paragraph>[]' );
  554. kate.setData( '[<paragraph>Foo</paragraph>]' );
  555. john.insert( '<paragraph>Bar</paragraph>' );
  556. kate.remove();
  557. syncClients();
  558. expectClients( '<paragraph>Bar</paragraph><paragraph></paragraph>' ); // Autoparagraphing.
  559. john.setSelection( [ 0, 0 ], [ 0, 3 ] );
  560. kate.setSelection( [ 0, 2 ] );
  561. john.setMarker( 'm1' );
  562. kate.split();
  563. syncClients();
  564. expectClients(
  565. '<paragraph><m1:start></m1:start>Ba</paragraph>' +
  566. '<paragraph>r<m1:end></m1:end></paragraph>' +
  567. '<paragraph></paragraph>'
  568. );
  569. john.undo();
  570. john.setSelection( [ 1, 1 ] );
  571. john.type( 'Abc' );
  572. kate.undo();
  573. syncClients();
  574. expectClients( '<paragraph>BarAbc</paragraph><paragraph></paragraph>' );
  575. kate.undo();
  576. syncClients();
  577. expectClients( '<paragraph>Foo</paragraph><paragraph>BarAbc</paragraph>' );
  578. } );
  579. it.skip( 'element, then add marker, split and undo with type #2', () => {
  580. john.setData( '<paragraph>Foo</paragraph>[]' );
  581. kate.setData( '[<paragraph>Foo</paragraph>]' );
  582. john.insert( '<paragraph>Bar</paragraph>' );
  583. kate.remove();
  584. syncClients();
  585. expectClients( '<paragraph>Bar</paragraph><paragraph></paragraph>' ); // Autoparagraphing.
  586. john.setSelection( [ 0, 0 ], [ 0, 3 ] );
  587. kate.setSelection( [ 0, 2 ] );
  588. john.setMarker( 'm1' );
  589. kate.split();
  590. syncClients();
  591. expectClients(
  592. '<paragraph><m1:start></m1:start>Ba</paragraph>' +
  593. '<paragraph>r<m1:end></m1:end></paragraph>' +
  594. '<paragraph></paragraph>'
  595. );
  596. john.undo();
  597. john.setSelection( [ 1, 1 ] );
  598. john.type( 'Abc' );
  599. kate.undo();
  600. kate.undo();
  601. syncClients();
  602. // Actual content:
  603. // <paragraph></paragraph><paragraph>Ba</paragraph><paragraph></paragraph>
  604. expectClients( '<paragraph>Foo</paragraph><paragraph>BarAbc</paragraph>' );
  605. } );
  606. } );
  607. describe( 'by merge', () => {
  608. it( 'element into paragraph', () => {
  609. john.setData( '<paragraph>Foo</paragraph><paragraph>[]</paragraph>' );
  610. kate.setData( '<paragraph>Foo</paragraph>[]<paragraph></paragraph>' );
  611. john.type( ' Bar' );
  612. kate.merge();
  613. syncClients();
  614. expectClients(
  615. '<paragraph>Foo Bar</paragraph>'
  616. );
  617. } );
  618. } );
  619. describe( 'by marker', () => {
  620. it( 'in different path #1', () => {
  621. john.setData( '[]<paragraph>Foo</paragraph><paragraph>Bar</paragraph>' );
  622. kate.setData( '<paragraph>Foo</paragraph><paragraph>[Bar]</paragraph>' );
  623. john.insert( '<paragraph>Abc</paragraph>' );
  624. kate.setMarker( 'm1' );
  625. syncClients();
  626. expectClients(
  627. '<paragraph>Abc</paragraph>' +
  628. '<paragraph>Foo</paragraph>' +
  629. '<paragraph><m1:start></m1:start>Bar<m1:end></m1:end></paragraph>'
  630. );
  631. } );
  632. it( 'in different path #2', () => {
  633. john.setData( '<paragraph>Foo[]</paragraph><paragraph>Bar</paragraph>' );
  634. kate.setData( '<paragraph>Foo</paragraph><paragraph>[Bar]</paragraph>' );
  635. john.type( 'Abc' );
  636. kate.setMarker( 'm1' );
  637. syncClients();
  638. expectClients(
  639. '<paragraph>FooAbc</paragraph>' +
  640. '<paragraph><m1:start></m1:start>Bar<m1:end></m1:end></paragraph>'
  641. );
  642. } );
  643. it( 'in same path', () => {
  644. john.setData( '<paragraph>[]Foo</paragraph>' );
  645. kate.setData( '<paragraph>Fo[o]</paragraph>' );
  646. john.type( 'Bar' );
  647. kate.setMarker( 'm1' );
  648. syncClients();
  649. expectClients(
  650. '<paragraph>BarFo<m1:start></m1:start>o<m1:end></m1:end></paragraph>'
  651. );
  652. } );
  653. } );
  654. // This should be moved to attribute.js.
  655. describe( 'by remove attribute', () => {
  656. it( 'from element in different path', () => {
  657. john.setData( '<paragraph>[]Foo</paragraph><paragraph bold="true">Bar</paragraph>' );
  658. kate.setData( '<paragraph>Foo</paragraph>[<paragraph bold="true">Bar</paragraph>]' );
  659. john.type( 'Abc' );
  660. kate.removeAttribute( 'bold' );
  661. syncClients();
  662. expectClients( '<paragraph>AbcFoo</paragraph><paragraph>Bar</paragraph>' );
  663. } );
  664. it( 'from text in different path', () => {
  665. john.setData( '<paragraph>[]Foo</paragraph><paragraph><$text bold="true">Bar</$text></paragraph>' );
  666. kate.setData( '<paragraph>Foo</paragraph><paragraph><$text bold="true">[Bar]</$text></paragraph>' );
  667. john.type( 'Abc' );
  668. kate.removeAttribute( 'bold' );
  669. syncClients();
  670. expectClients( '<paragraph>AbcFoo</paragraph><paragraph>Bar</paragraph>' );
  671. } );
  672. it( 'from text in same path', () => {
  673. john.setData( '<paragraph>[]Fo<$text bold="true">o</$text></paragraph>' );
  674. kate.setData( '<paragraph>Fo<$text bold="true">[o]</$text></paragraph>' );
  675. john.type( 'Bar' );
  676. kate.removeAttribute( 'bold' );
  677. syncClients();
  678. expectClients( '<paragraph>BarFoo</paragraph>' );
  679. } );
  680. it( 'from element in same path', () => {
  681. john.setData( '<paragraph bold="true">[]Foo</paragraph>' );
  682. kate.setData( '[<paragraph bold="true">Foo</paragraph>]' );
  683. john.type( 'Bar' );
  684. kate.removeAttribute( 'bold' );
  685. syncClients();
  686. expectClients( '<paragraph>BarFoo</paragraph>' );
  687. } );
  688. it( 'from text with 2 attributes in same path', () => {
  689. john.setData( '<paragraph>[]Fo<$text bold="true" italic="true">o</$text></paragraph>' );
  690. kate.setData( '<paragraph>Fo<$text bold="true" italic="true">[o]</$text></paragraph>' );
  691. john.type( 'Bar' );
  692. kate.removeAttribute( 'bold' );
  693. syncClients();
  694. expectClients(
  695. '<paragraph>BarFo<$text italic="true">o</$text></paragraph>'
  696. );
  697. } );
  698. } );
  699. describe( 'by rename', () => {
  700. it( 'element in different path', () => {
  701. john.setData( '<paragraph>Foo</paragraph><paragraph>Bar</paragraph>[]' );
  702. kate.setData( '<paragraph>F[]oo</paragraph><paragraph>Bar</paragraph>' );
  703. john.insert( '<paragraph>Abc</paragraph>' );
  704. kate.rename( 'heading1' );
  705. syncClients();
  706. expectClients(
  707. '<heading1>Foo</heading1>' +
  708. '<paragraph>Bar</paragraph>' +
  709. '<paragraph>Abc</paragraph>'
  710. );
  711. } );
  712. it( 'element in same path', () => {
  713. john.setData( '<paragraph>Foo</paragraph>[]' );
  714. kate.setData( '<paragraph>F[]oo</paragraph>' );
  715. john.insert( '<paragraph>Bar</paragraph>' );
  716. kate.rename( 'heading1' );
  717. syncClients();
  718. expectClients(
  719. '<heading1>Foo</heading1>' +
  720. '<paragraph>Bar</paragraph>'
  721. );
  722. } );
  723. it( 'text in same path', () => {
  724. john.setData( '<paragraph>Foo[] Bar</paragraph>' );
  725. kate.setData( '<paragraph>F[]oo Bar</paragraph>' );
  726. john.type( 'Abc' );
  727. kate.rename( 'heading1' );
  728. syncClients();
  729. expectClients( '<heading1>FooAbc Bar</heading1>' );
  730. } );
  731. it( 'text in different paths', () => {
  732. john.setData( '<blockQuote><paragraph>Foo</paragraph></blockQuote><paragraph>B[]ar</paragraph>' );
  733. kate.setData( '<blockQuote><paragraph>F[]oo</paragraph></blockQuote><paragraph>Bar</paragraph>' );
  734. john.type( 'Abc' );
  735. kate.rename( 'heading1' );
  736. syncClients();
  737. expectClients(
  738. '<blockQuote>' +
  739. '<heading1>Foo</heading1>' +
  740. '</blockQuote>' +
  741. '<paragraph>BAbcar</paragraph>'
  742. );
  743. } );
  744. } );
  745. } );
  746. } );