/** * @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 VirtualTestEditor from '@ckeditor/ckeditor5-core/tests/_utils/virtualtesteditor'; import Paragraph from '@ckeditor/ckeditor5-paragraph/src/paragraph'; import { setData } from '@ckeditor/ckeditor5-engine/src/dev-utils/model'; import TableEditing from '../../src/tableediting'; import TableSelection from '../../src/tableselection'; import { assertSelectedCells, modelTable } from '../_utils/utils'; import SelectRowCommand from '../../src/commands/selectrowcommand'; describe( 'SelectRowCommand', () => { let editor, model, modelRoot, command, tableSelection; beforeEach( () => { return VirtualTestEditor.create( { plugins: [ Paragraph, TableEditing, TableSelection ] } ) .then( newEditor => { editor = newEditor; model = editor.model; modelRoot = model.document.getRoot(); command = new SelectRowCommand( editor ); tableSelection = editor.plugins.get( TableSelection ); } ); } ); afterEach( () => { return editor.destroy(); } ); describe( 'isEnabled', () => { it( 'should be true if the selection is inside table cell', () => { setData( model, modelTable( [ [ '00[]', '01' ], [ '10', '11' ] ] ) ); expect( command.isEnabled ).to.be.true; } ); it( 'should be true if the selection contains multiple cells', () => { setData( model, modelTable( [ [ '00', '01' ], [ '10', '11' ], [ '20', '21' ] ] ) ); tableSelection.setCellSelection( modelRoot.getNodeByPath( [ 0, 0, 0 ] ), modelRoot.getNodeByPath( [ 0, 0, 1 ] ) ); expect( command.isEnabled ).to.be.true; } ); it( 'should be false if the selection is outside a table', () => { setData( model, '11[]' ); expect( command.isEnabled ).to.be.false; } ); } ); describe( 'execute()', () => { it( 'should select a row of a table cell with a collapsed selection', () => { setData( model, modelTable( [ [ '00', '01' ], [ '[]10', '11' ], [ '20', '21' ] ] ) ); command.execute(); assertSelectedCells( model, [ [ 0, 0 ], [ 1, 1 ], [ 0, 0 ] ] ); } ); it( 'should select a row of table cell with a collapsed selection in first table cell', () => { setData( model, modelTable( [ [ '[]00', '01' ], [ '10', '11' ], [ '20', '21' ] ] ) ); command.execute(); assertSelectedCells( model, [ [ 1, 1 ], [ 0, 0 ], [ 0, 0 ] ] ); } ); it( 'should select a row of table cell with a collapsed selection in last cell in the first column', () => { setData( model, modelTable( [ [ '00', '01[]' ], [ '10', '11' ], [ '20', '21' ] ] ) ); command.execute(); assertSelectedCells( model, [ [ 1, 1 ], [ 0, 0 ], [ 0, 0 ] ] ); } ); it( 'should select a row of table cell with collapsed selection in the first cell of the last column', () => { setData( model, modelTable( [ [ '00', '01' ], [ '[]10', '11' ] ] ) ); command.execute(); assertSelectedCells( model, [ [ 0, 0 ], [ 1, 1 ] ] ); } ); describe( 'with row-spanned cells', () => { beforeEach( () => { // +----+----+----+----+----+ // | 00 | 01 | 02 | 03 | 04 | // + + + +----+----+ // | | | | 13 | 14 | // + + +----+ +----+ // | | | 22 | | 24 | // + +----+----+----+----+ // | | 31 | 32 | 33 | 34 | // +----+----+----+----+----+ setData( model, modelTable( [ [ { rowspan: 4, contents: '00' }, { rowspan: 3, contents: '01' }, { rowspan: 2, contents: '02' }, '03', '04' ], [ { rowspan: 2, contents: '13' }, '14' ], [ '22', '23', '24' ], [ '30', '31', '32', '33', '34' ] ] ) ); } ); it( 'should select only one row if only one cell is selected', () => { // Selection in cell 01. tableSelection.setCellSelection( modelRoot.getNodeByPath( [ 0, 0, 1 ] ), modelRoot.getNodeByPath( [ 0, 0, 1 ] ) ); /* eslint-disable no-multi-spaces */ assertSelectedCells( model, [ [ 0, 1, 0, 0, 0 ], [ 0, 0 ], [ 0, 0 ], [ 0, 0, 0, 0 ] ] ); /* eslint-enable no-multi-spaces */ command.execute(); /* eslint-disable no-multi-spaces */ assertSelectedCells( model, [ [ 1, 1, 1, 1, 1 ], [ 0, 0 ], [ 0, 0 ], [ 0, 0, 0, 0 ] ] ); /* eslint-enable no-multi-spaces */ } ); it( 'should not select row-spanned rows that start in other row', () => { // Selection in cell 24. tableSelection.setCellSelection( modelRoot.getNodeByPath( [ 0, 2, 1 ] ), modelRoot.getNodeByPath( [ 0, 2, 1 ] ) ); /* eslint-disable no-multi-spaces */ assertSelectedCells( model, [ [ 0, 0, 0, 0, 0 ], [ 0, 0 ], [ 0, 1 ], [ 0, 0, 0, 0 ] ] ); /* eslint-enable no-multi-spaces */ command.execute(); /* eslint-disable no-multi-spaces */ assertSelectedCells( model, [ [ 0, 0, 0, 0, 0 ], [ 0, 0 ], [ 1, 1 ], [ 0, 0, 0, 0 ] ] ); /* eslint-enable no-multi-spaces */ } ); it( 'should not select row-spanned rows that start in other row but include those that start in selected row', () => { // Selection in cell 14. tableSelection.setCellSelection( modelRoot.getNodeByPath( [ 0, 1, 1 ] ), modelRoot.getNodeByPath( [ 0, 1, 1 ] ) ); /* eslint-disable no-multi-spaces */ assertSelectedCells( model, [ [ 0, 0, 0, 0, 0 ], [ 0, 1 ], [ 0, 0 ], [ 0, 0, 0, 0 ] ] ); /* eslint-enable no-multi-spaces */ command.execute(); /* eslint-disable no-multi-spaces */ assertSelectedCells( model, [ [ 0, 0, 0, 0, 0 ], [ 1, 1 ], [ 0, 0 ], [ 0, 0, 0, 0 ] ] ); /* eslint-enable no-multi-spaces */ } ); it( 'should select properly for multiple not spanned cells selected', () => { // Selection in cells 04 - 14. tableSelection.setCellSelection( modelRoot.getNodeByPath( [ 0, 0, 4 ] ), modelRoot.getNodeByPath( [ 0, 1, 1 ] ) ); /* eslint-disable no-multi-spaces */ assertSelectedCells( model, [ [ 0, 0, 0, 0, 1 ], [ 0, 1 ], [ 0, 0 ], [ 0, 0, 0, 0 ] ] ); /* eslint-enable no-multi-spaces */ command.execute(); /* eslint-disable no-multi-spaces */ assertSelectedCells( model, [ [ 1, 1, 1, 1, 1 ], [ 1, 1 ], [ 0, 0 ], [ 0, 0, 0, 0 ] ] ); /* eslint-enable no-multi-spaces */ } ); it( 'should select properly for multiple cells selected including spanned one', () => { // Selection in cells 13 - 33. tableSelection.setCellSelection( modelRoot.getNodeByPath( [ 0, 1, 0 ] ), modelRoot.getNodeByPath( [ 0, 3, 2 ] ) ); /* eslint-disable no-multi-spaces */ assertSelectedCells( model, [ [ 0, 0, 0, 0, 0 ], [ 1, 0 ], [ 0, 0 ], [ 0, 0, 1, 0 ] ] ); /* eslint-enable no-multi-spaces */ command.execute(); /* eslint-disable no-multi-spaces */ assertSelectedCells( model, [ [ 0, 0, 0, 0, 0 ], [ 1, 1 ], [ 1, 1 ], [ 1, 1, 1, 1 ] ] ); /* eslint-enable no-multi-spaces */ } ); } ); describe( 'with multiple rows selected', () => { it( 'should properly select middle rows', () => { setData( model, modelTable( [ [ '00', '01' ], [ '10', '11' ], [ '20', '21' ], [ '30', '31' ] ] ) ); tableSelection.setCellSelection( modelRoot.getNodeByPath( [ 0, 1, 0 ] ), modelRoot.getNodeByPath( [ 0, 2, 0 ] ) ); command.execute(); assertSelectedCells( model, [ [ 0, 0 ], [ 1, 1 ], [ 1, 1 ], [ 0, 0 ] ] ); } ); it( 'should properly select middle rows in reversed order', () => { setData( model, modelTable( [ [ '00', '01' ], [ '10', '11' ], [ '20', '21' ], [ '30', '31' ] ] ) ); tableSelection.setCellSelection( modelRoot.getNodeByPath( [ 0, 2, 0 ] ), modelRoot.getNodeByPath( [ 0, 1, 0 ] ) ); command.execute(); assertSelectedCells( model, [ [ 0, 0 ], [ 1, 1 ], [ 1, 1 ], [ 0, 0 ] ] ); } ); it( 'should properly select tailing rows', () => { setData( model, modelTable( [ [ '00', '01' ], [ '10', '11' ], [ '20', '21' ], [ '30', '31' ] ] ) ); tableSelection.setCellSelection( modelRoot.getNodeByPath( [ 0, 2, 0 ] ), modelRoot.getNodeByPath( [ 0, 3, 0 ] ) ); command.execute(); assertSelectedCells( model, [ [ 0, 0 ], [ 0, 0 ], [ 1, 1 ], [ 1, 1 ] ] ); } ); it( 'should properly select beginning rows', () => { setData( model, modelTable( [ [ '00', '01' ], [ '10', '11' ], [ '20', '21' ], [ '30', '31' ] ] ) ); tableSelection.setCellSelection( modelRoot.getNodeByPath( [ 0, 0, 0 ] ), modelRoot.getNodeByPath( [ 0, 1, 0 ] ) ); command.execute(); assertSelectedCells( model, [ [ 1, 1 ], [ 1, 1 ], [ 0, 0 ], [ 0, 0 ] ] ); } ); it( 'should properly select multiple rows from square selection', () => { setData( model, modelTable( [ [ '00', '01', '02' ], [ '10', '11', '12' ], [ '20', '21', '22' ], [ '30', '31', '32' ] ] ) ); tableSelection.setCellSelection( modelRoot.getNodeByPath( [ 0, 1, 0 ] ), modelRoot.getNodeByPath( [ 0, 2, 1 ] ) ); command.execute(); assertSelectedCells( model, [ [ 0, 0, 0 ], [ 1, 1, 1 ], [ 1, 1, 1 ], [ 0, 0, 0 ] ] ); } ); it( 'should support selecting mixed heading and cell rows', () => { setData( model, modelTable( [ [ '00', '01' ], [ '10', '11' ], [ '20', '21' ] ], { headingColumns: 1 } ) ); tableSelection.setCellSelection( modelRoot.getNodeByPath( [ 0, 0, 0 ] ), modelRoot.getNodeByPath( [ 0, 1, 0 ] ) ); command.execute(); assertSelectedCells( model, [ [ 1, 1 ], [ 1, 1 ], [ 0, 0 ] ] ); } ); it( 'should properly select more than 10 rows selected (array sort bug)', () => { setData( model, modelTable( [ [ '0', 'x' ], [ '1', 'x' ], [ '2', 'x' ], [ '3', 'x' ], [ '4', 'x' ], [ '5', 'x' ], [ '6', 'x' ], [ '7', 'x' ], [ '8', 'x' ], [ '9', 'x' ], [ '10', 'x' ], [ '11', 'x' ], [ '12', 'x' ], [ '13', 'x' ], [ '14', 'x' ] ] ) ); const tableSelection = editor.plugins.get( TableSelection ); const modelRoot = model.document.getRoot(); tableSelection.setCellSelection( modelRoot.getNodeByPath( [ 0, 1, 0 ] ), modelRoot.getNodeByPath( [ 0, 12, 0 ] ) ); command.execute(); assertSelectedCells( model, [ [ 0, 0 ], // '0' [ 1, 1 ], // '1' [ 1, 1 ], // '2' [ 1, 1 ], // '3' [ 1, 1 ], // '4' [ 1, 1 ], // '5' [ 1, 1 ], // '6' [ 1, 1 ], // '7' [ 1, 1 ], // '8' [ 1, 1 ], // '9' [ 1, 1 ], // '10' [ 1, 1 ], // '11' [ 1, 1 ], // '12' [ 0, 0 ], // '13' [ 0, 0 ] // '14 ] ); } ); } ); describe( 'with entire row selected', () => { it( 'should select a row if all its cells are selected', () => { setData( model, modelTable( [ [ '00', '01' ], [ '10', '11' ], [ '20', '21' ] ] ) ); tableSelection.setCellSelection( modelRoot.getNodeByPath( [ 0, 1, 0 ] ), modelRoot.getNodeByPath( [ 0, 1, 1 ] ) ); command.execute(); assertSelectedCells( model, [ [ 0, 0 ], [ 1, 1 ], [ 0, 0 ] ] ); } ); it( 'should properly select row if reversed selection is made', () => { setData( model, modelTable( [ [ '00', '01' ], [ '10', '11' ] ] ) ); tableSelection.setCellSelection( modelRoot.getNodeByPath( [ 0, 0, 1 ] ), modelRoot.getNodeByPath( [ 0, 0, 0 ] ) ); command.execute(); assertSelectedCells( model, [ [ 1, 1 ], [ 0, 0 ] ] ); } ); } ); } ); } );