/**
* @license Copyright (c) 2003-2020, CKSource - Frederico Knabben. All rights reserved.
* For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
*/
import ModelTestEditor from '@ckeditor/ckeditor5-core/tests/_utils/modeltesteditor';
import { getData, setData } from '@ckeditor/ckeditor5-engine/src/dev-utils/model';
import InsertColumnCommand from '../../src/commands/insertcolumncommand';
import TableSelection from '../../src/tableselection';
import { assertSelectedCells, defaultConversion, defaultSchema, modelTable } from '../_utils/utils';
import TableUtils from '../../src/tableutils';
import { assertEqualMarkup } from '@ckeditor/ckeditor5-utils/tests/_utils/utils';
describe( 'InsertColumnCommand', () => {
let editor, model, command;
beforeEach( () => {
return ModelTestEditor
.create( {
plugins: [ TableUtils, TableSelection ]
} )
.then( newEditor => {
editor = newEditor;
model = editor.model;
defaultSchema( model.schema );
defaultConversion( editor.conversion );
} );
} );
afterEach( () => {
return editor.destroy();
} );
describe( 'order=right', () => {
beforeEach( () => {
command = new InsertColumnCommand( editor );
} );
describe( 'isEnabled', () => {
it( 'should be false if wrong node', () => {
setData( model, 'foo[]' );
expect( command.isEnabled ).to.be.false;
} );
it( 'should be true if in table', () => {
setData( model, modelTable( [ [ '[]' ] ] ) );
expect( command.isEnabled ).to.be.true;
} );
} );
describe( 'execute()', () => {
it( 'should insert column in given table to the right of the selection\'s column', () => {
setData( model, modelTable( [
[ '11[]', '12' ],
[ '21', '22' ]
] ) );
command.execute();
assertEqualMarkup( getData( model ), modelTable( [
[ '11[]', '', '12' ],
[ '21', '', '22' ]
] ) );
} );
it( 'should insert column in given table to the right of the selection\'s column (selection in block content)', () => {
setData( model, modelTable( [
[ '11', '12[]', '13' ]
] ) );
command.execute();
assertEqualMarkup( getData( model ), modelTable( [
[ '11', '12[]', '', '13' ]
] ) );
} );
it( 'should insert column at table end', () => {
setData( model, modelTable( [
[ '11', '12' ],
[ '21', '22[]' ]
] ) );
command.execute();
assertEqualMarkup( getData( model ), modelTable( [
[ '11', '12', '' ],
[ '21', '22[]', '' ]
] ) );
} );
it( 'should insert column after a multi column selection', () => {
setData( model, modelTable( [
[ '11', '12', '13' ],
[ '21', '22', '23' ]
] ) );
const tableSelection = editor.plugins.get( TableSelection );
const modelRoot = model.document.getRoot();
tableSelection._setCellSelection(
modelRoot.getNodeByPath( [ 0, 0, 0 ] ),
modelRoot.getNodeByPath( [ 0, 1, 1 ] )
);
command.execute();
assertEqualMarkup( getData( model, { withoutSelection: true } ), modelTable( [
[ '11', '12', '', '13' ],
[ '21', '22', '', '23' ]
] ) );
assertSelectedCells( model, [
[ 1, 1, 0, 0 ],
[ 1, 1, 0, 0 ]
] );
} );
it( 'should update table heading columns attribute when inserting column in headings section', () => {
setData( model, modelTable( [
[ '11[]', '12' ],
[ '21', '22' ],
[ '31', '32' ]
], { headingColumns: 2 } ) );
command.execute();
assertEqualMarkup( getData( model ), modelTable( [
[ '11[]', '', '12' ],
[ '21', '', '22' ],
[ '31', '', '32' ]
], { headingColumns: 3 } ) );
} );
it( 'should not update table heading columns attribute when inserting column after headings section', () => {
setData( model, modelTable( [
[ '11', '12[]', '13' ],
[ '21', '22', '23' ],
[ '31', '32', '33' ]
], { headingColumns: 2 } ) );
command.execute();
assertEqualMarkup( getData( model ), modelTable( [
[ '11', '12[]', '', '13' ],
[ '21', '22', '', '23' ],
[ '31', '32', '', '33' ]
], { headingColumns: 2 } ) );
} );
it( 'should skip spanned columns', () => {
setData( model, modelTable( [
[ '11[]', '12' ],
[ { colspan: 2, contents: '21' } ],
[ '31', '32' ]
], { headingColumns: 2 } ) );
command.execute();
assertEqualMarkup( getData( model ), modelTable( [
[ '11[]', '', '12' ],
[ { colspan: 3, contents: '21' } ],
[ '31', '', '32' ]
], { headingColumns: 3 } ) );
} );
it( 'should skip wide spanned columns', () => {
setData( model, modelTable( [
[ '11', '12[]', '13', '14', '15' ],
[ '21', '22', { colspan: 2, contents: '23' }, '25' ],
[ { colspan: 4, contents: '31' }, { colspan: 2, contents: '34' } ]
], { headingColumns: 4 } ) );
command.execute();
assertEqualMarkup( getData( model ), modelTable( [
[ '11', '12[]', '', '13', '14', '15' ],
[ '21', '22', '', { colspan: 2, contents: '23' }, '25' ],
[ { colspan: 5, contents: '31' }, { colspan: 2, contents: '34' } ]
], { headingColumns: 5 } ) );
} );
} );
} );
describe( 'order=left', () => {
beforeEach( () => {
command = new InsertColumnCommand( editor, { order: 'left' } );
} );
describe( 'isEnabled', () => {
it( 'should be false if wrong node', () => {
setData( model, 'foo[]' );
expect( command.isEnabled ).to.be.false;
} );
it( 'should be true if in table', () => {
setData( model, modelTable( [ [ '[]' ] ] ) );
expect( command.isEnabled ).to.be.true;
} );
} );
describe( 'execute()', () => {
it( 'should insert column in given table to the left of the selection\'s column', () => {
setData( model, modelTable( [
[ '11', '12[]' ],
[ '21', '22' ]
] ) );
command.execute();
assertEqualMarkup( getData( model ), modelTable( [
[ '11', '', '12[]' ],
[ '21', '', '22' ]
] ) );
} );
it( 'should insert column in given table to the left of the selection\'s column (selection in block content)', () => {
setData( model, modelTable( [
[ '11', '12[]', '13' ]
] ) );
command.execute();
assertEqualMarkup( getData( model ), modelTable( [
[ '11', '', '12[]', '13' ]
] ) );
} );
it( 'should insert columns at the table start', () => {
setData( model, modelTable( [
[ '11', '12' ],
[ '[]21', '22' ]
] ) );
command.execute();
assertEqualMarkup( getData( model ), modelTable( [
[ '', '11', '12' ],
[ '', '[]21', '22' ]
] ) );
} );
it( 'should insert column before a multi column selection', () => {
setData( model, modelTable( [
[ '11', '12', '13' ],
[ '21', '22', '23' ]
] ) );
const tableSelection = editor.plugins.get( TableSelection );
const modelRoot = model.document.getRoot();
tableSelection._setCellSelection(
modelRoot.getNodeByPath( [ 0, 0, 0 ] ),
modelRoot.getNodeByPath( [ 0, 1, 1 ] )
);
command.execute();
assertEqualMarkup( getData( model, { withoutSelection: true } ), modelTable( [
[ '', '11', '12', '13' ],
[ '', '21', '22', '23' ]
] ) );
assertSelectedCells( model, [
[ 0, 1, 1, 0 ],
[ 0, 1, 1, 0 ]
] );
} );
it( 'should update table heading columns attribute when inserting column in headings section', () => {
setData( model, modelTable( [
[ '11', '12[]' ],
[ '21', '22' ],
[ '31', '32' ]
], { headingColumns: 2 } ) );
command.execute();
assertEqualMarkup( getData( model ), modelTable( [
[ '11', '', '12[]' ],
[ '21', '', '22' ],
[ '31', '', '32' ]
], { headingColumns: 3 } ) );
} );
it( 'should not update table heading columns attribute when inserting column after headings section', () => {
setData( model, modelTable( [
[ '11', '12', '13[]' ],
[ '21', '22', '23' ],
[ '31', '32', '33' ]
], { headingColumns: 2 } ) );
command.execute();
assertEqualMarkup( getData( model ), modelTable( [
[ '11', '12', '', '13[]' ],
[ '21', '22', '', '23' ],
[ '31', '32', '', '33' ]
], { headingColumns: 2 } ) );
} );
it( 'should skip spanned columns', () => {
setData( model, modelTable( [
[ '11', '12[]' ],
[ { colspan: 2, contents: '21' } ],
[ '31', '32' ]
], { headingColumns: 2 } ) );
command.execute();
assertEqualMarkup( getData( model ), modelTable( [
[ '11', '', '12[]' ],
[ { colspan: 3, contents: '21' } ],
[ '31', '', '32' ]
], { headingColumns: 3 } ) );
} );
it( 'should skip wide spanned columns', () => {
setData( model, modelTable( [
[ '11', '12', '13[]', '14', '15' ],
[ '21', '22', { colspan: 2, contents: '23' }, '25' ],
[ { colspan: 4, contents: '31' }, { colspan: 2, contents: '34' } ]
], { headingColumns: 4 } ) );
command.execute();
assertEqualMarkup( getData( model ), modelTable( [
[ '11', '12', '', '13[]', '14', '15' ],
[ '21', '22', '', { colspan: 2, contents: '23' }, '25' ],
[ { colspan: 5, contents: '31' }, { colspan: 2, contents: '34' } ]
], { headingColumns: 5 } ) );
} );
} );
} );
} );