view-selection-to-model-converters.js 4.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108
  1. /**
  2. * @license Copyright (c) 2003-2016, CKSource - Frederico Knabben. All rights reserved.
  3. * For licensing, see LICENSE.md.
  4. */
  5. /* bender-tags: conversion */
  6. import ViewDocument from '/ckeditor5/engine/view/document.js';
  7. import ViewSelection from '/ckeditor5/engine/view/selection.js';
  8. import ViewRange from '/ckeditor5/engine/view/range.js';
  9. import ModelDocument from '/ckeditor5/engine/model/document.js';
  10. import Mapper from '/ckeditor5/engine/conversion/mapper.js';
  11. import { convertSelectionChange } from '/ckeditor5/engine/conversion/view-selection-to-model-converters.js';
  12. import { setData as modelSetData, getData as modelGetData } from '/tests/engine/_utils/model.js';
  13. import { setData as viewSetData } from '/tests/engine/_utils/view.js';
  14. describe( 'convertSelectionChange', () => {
  15. let model, view, mapper, convertSelection, modelRoot, viewRoot;
  16. beforeEach( () => {
  17. model = new ModelDocument();
  18. modelRoot = model.createRoot();
  19. model.schema.registerItem( 'paragraph', '$block' );
  20. modelSetData( model, '<paragraph>foo</paragraph><paragraph>bar</paragraph>' );
  21. view = new ViewDocument();
  22. viewRoot = view.createRoot( 'div' );
  23. viewSetData( view, '<p>foo</p><p>bar</p>' );
  24. mapper = new Mapper();
  25. mapper.bindElements( modelRoot, viewRoot );
  26. mapper.bindElements( modelRoot.getChild( 0 ), viewRoot.getChild( 0 ) );
  27. mapper.bindElements( modelRoot.getChild( 1 ), viewRoot.getChild( 1 ) );
  28. convertSelection = convertSelectionChange( model, mapper );
  29. } );
  30. it( 'should convert collapsed selection', () => {
  31. const viewSelection = new ViewSelection();
  32. viewSelection.addRange( ViewRange.createFromParentsAndOffsets(
  33. viewRoot.getChild( 0 ).getChild( 0 ), 1, viewRoot.getChild( 0 ).getChild( 0 ), 1 ) );
  34. convertSelection( null, { newSelection: viewSelection } );
  35. expect( modelGetData( model ) ).to.equal( '<paragraph>f<selection />oo</paragraph><paragraph>bar</paragraph>' );
  36. } );
  37. it( 'should support unicode', () => {
  38. modelSetData( model, '<paragraph>நிலைக்கு</paragraph>' );
  39. viewSetData( view, '<p>நிலைக்கு</p>' );
  40. // Re-bind elements that were just re-set.
  41. mapper.bindElements( modelRoot.getChild( 0 ), viewRoot.getChild( 0 ) );
  42. const viewSelection = new ViewSelection();
  43. viewSelection.addRange(
  44. ViewRange.createFromParentsAndOffsets( viewRoot.getChild( 0 ).getChild( 0 ), 2, viewRoot.getChild( 0 ).getChild( 0 ), 6 )
  45. );
  46. convertSelection( null, { newSelection: viewSelection } );
  47. expect( modelGetData( model ) ).to.equal( '<paragraph>நி<selection>லைக்</selection>கு</paragraph>' );
  48. } );
  49. it( 'should convert multi ranges selection', () => {
  50. const viewSelection = new ViewSelection();
  51. viewSelection.addRange( ViewRange.createFromParentsAndOffsets(
  52. viewRoot.getChild( 0 ).getChild( 0 ), 1, viewRoot.getChild( 0 ).getChild( 0 ), 2 ) );
  53. viewSelection.addRange( ViewRange.createFromParentsAndOffsets(
  54. viewRoot.getChild( 1 ).getChild( 0 ), 1, viewRoot.getChild( 1 ).getChild( 0 ), 2 ) );
  55. convertSelection( null, { newSelection: viewSelection } );
  56. // Too bad getData shows only the first range.
  57. expect( modelGetData( model ) ).to.equal(
  58. '<paragraph>f<selection>o</selection>o</paragraph><paragraph>bar</paragraph>' );
  59. const ranges = Array.from( model.selection.getRanges() );
  60. expect( ranges.length ).to.equal( 2 );
  61. expect( ranges[ 0 ].start.parent ).to.equal( modelRoot.getChild( 0 ) );
  62. expect( ranges[ 0 ].start.offset ).to.equal( 1 );
  63. expect( ranges[ 0 ].end.parent ).to.equal( modelRoot.getChild( 0 ) );
  64. expect( ranges[ 0 ].end.offset ).to.equal( 2 );
  65. expect( ranges[ 1 ].start.parent ).to.equal( modelRoot.getChild( 1 ) );
  66. expect( ranges[ 1 ].start.offset ).to.equal( 1 );
  67. expect( ranges[ 1 ].end.parent ).to.equal( modelRoot.getChild( 1 ) );
  68. expect( ranges[ 1 ].end.offset ).to.equal( 2 );
  69. } );
  70. it( 'should convert reverse selection', () => {
  71. const viewSelection = new ViewSelection();
  72. viewSelection.addRange( ViewRange.createFromParentsAndOffsets(
  73. viewRoot.getChild( 0 ).getChild( 0 ), 1, viewRoot.getChild( 0 ).getChild( 0 ), 2 ), true );
  74. convertSelection( null, { newSelection: viewSelection } );
  75. // Too bad getData shows only the first range.
  76. expect( modelGetData( model ) ).to.equal(
  77. '<paragraph>f<selection backward>o</selection>o</paragraph><paragraph>bar</paragraph>' );
  78. } );
  79. } );