getschemavalidranges.js 3.1 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283
  1. /**
  2. * @license Copyright (c) 2003-2017, CKSource - Frederico Knabben. All rights reserved.
  3. * For licensing, see LICENSE.md.
  4. */
  5. import Document from 'ckeditor5-engine/src/model/document';
  6. import Range from 'ckeditor5-engine/src/model/range';
  7. import Selection from 'ckeditor5-engine/src/model/selection';
  8. import getSchemaValidRanges from 'ckeditor5-core/src/command/helpers/getschemavalidranges';
  9. import { setData, stringify } from 'ckeditor5-engine/src/dev-utils/model';
  10. describe( 'getSchemaValidRanges', () => {
  11. const attribute = 'bold';
  12. let document, root, schema, ranges;
  13. beforeEach( () => {
  14. document = new Document();
  15. schema = document.schema;
  16. root = document.createRoot();
  17. schema.registerItem( 'p', '$block' );
  18. schema.registerItem( 'h1', '$block' );
  19. schema.registerItem( 'img', '$inline' );
  20. schema.allow( { name: '$text', attributes: 'bold', inside: 'p' } );
  21. schema.allow( { name: 'p', attributes: 'bold', inside: '$root' } );
  22. setData( document, '<p>foo<img />bar</p>' );
  23. ranges = [ Range.createOn( root.getChild( 0 ) ) ];
  24. } );
  25. it( 'should return unmodified ranges when attribute is allowed on each item (v1 – text is not allowed in img)', () => {
  26. schema.allow( { name: 'img', attributes: 'bold', inside: 'p' } );
  27. expect( getSchemaValidRanges( attribute, ranges, schema ) ).to.deep.equal( ranges );
  28. } );
  29. it( 'should return unmodified ranges when attribute is allowed on each item (v2 – text is allowed in img)', () => {
  30. schema.allow( { name: 'img', attributes: 'bold', inside: 'p' } );
  31. schema.allow( { name: '$text', inside: 'img' } );
  32. expect( getSchemaValidRanges( attribute, ranges, schema ) ).to.deep.equal( ranges );
  33. } );
  34. it( 'should return two ranges when attribute is not allowed on one item', () => {
  35. schema.allow( { name: 'img', attributes: 'bold', inside: 'p' } );
  36. schema.allow( { name: '$text', inside: 'img' } );
  37. setData( document, '<p>foo<img>xxx</img>bar</p>' );
  38. const validRanges = getSchemaValidRanges( attribute, ranges, schema );
  39. const sel = new Selection();
  40. sel.setRanges( validRanges );
  41. expect( stringify( root, sel ) ).to.equal( '[<p>foo<img>]xxx[</img>bar</p>]' );
  42. } );
  43. it( 'should return three ranges when attribute is not allowed on one element but is allowed on its child', () => {
  44. schema.allow( { name: '$text', inside: 'img' } );
  45. schema.allow( { name: '$text', attributes: 'bold', inside: 'img' } );
  46. setData( document, '<p>foo<img>xxx</img>bar</p>' );
  47. const validRanges = getSchemaValidRanges( attribute, ranges, schema );
  48. const sel = new Selection();
  49. sel.setRanges( validRanges );
  50. expect( stringify( root, sel ) ).to.equal( '[<p>foo]<img>[xxx]</img>[bar</p>]' );
  51. } );
  52. it( 'should split range into two ranges and omit disallowed element', () => {
  53. // Disallow bold on img.
  54. document.schema.disallow( { name: 'img', attributes: 'bold', inside: 'p' } );
  55. const result = getSchemaValidRanges( attribute, ranges, schema );
  56. expect( result ).to.length( 2 );
  57. expect( result[ 0 ].start.path ).to.members( [ 0 ] );
  58. expect( result[ 0 ].end.path ).to.members( [ 0, 3 ] );
  59. expect( result[ 1 ].start.path ).to.members( [ 0, 4 ] );
  60. expect( result[ 1 ].end.path ).to.members( [ 1 ] );
  61. } );
  62. } );