| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110111111121113111411151116111711181119112011211122112311241125112611271128112911301131113211331134113511361137113811391140114111421143114411451146114711481149115011511152115311541155115611571158115911601161116211631164116511661167116811691170117111721173117411751176117711781179118011811182118311841185118611871188118911901191119211931194119511961197119811991200120112021203120412051206120712081209121012111212121312141215121612171218121912201221122212231224122512261227122812291230123112321233123412351236123712381239124012411242124312441245124612471248124912501251125212531254125512561257125812591260126112621263126412651266126712681269127012711272127312741275127612771278127912801281128212831284128512861287128812891290129112921293129412951296129712981299130013011302130313041305130613071308130913101311131213131314131513161317131813191320132113221323132413251326132713281329133013311332133313341335133613371338133913401341134213431344134513461347134813491350135113521353135413551356135713581359136013611362136313641365136613671368136913701371137213731374137513761377137813791380138113821383138413851386138713881389139013911392139313941395139613971398139914001401140214031404140514061407140814091410141114121413141414151416141714181419142014211422142314241425142614271428142914301431143214331434143514361437143814391440144114421443144414451446144714481449145014511452145314541455145614571458145914601461146214631464146514661467146814691470147114721473147414751476147714781479148014811482148314841485148614871488148914901491149214931494149514961497149814991500150115021503150415051506150715081509151015111512151315141515151615171518151915201521152215231524152515261527152815291530153115321533153415351536153715381539154015411542154315441545154615471548154915501551155215531554155515561557155815591560156115621563156415651566156715681569157015711572157315741575157615771578157915801581158215831584158515861587158815891590159115921593159415951596159715981599160016011602160316041605160616071608160916101611161216131614161516161617161816191620162116221623162416251626162716281629163016311632163316341635163616371638163916401641164216431644164516461647164816491650165116521653165416551656165716581659166016611662166316641665166616671668166916701671167216731674167516761677167816791680168116821683168416851686168716881689169016911692169316941695169616971698169917001701170217031704170517061707170817091710171117121713171417151716171717181719172017211722172317241725172617271728172917301731173217331734173517361737173817391740174117421743174417451746174717481749175017511752175317541755175617571758175917601761176217631764176517661767176817691770177117721773177417751776177717781779178017811782178317841785178617871788178917901791179217931794179517961797179817991800180118021803180418051806180718081809181018111812181318141815181618171818181918201821182218231824182518261827182818291830183118321833183418351836183718381839184018411842184318441845184618471848184918501851185218531854185518561857185818591860186118621863186418651866186718681869187018711872187318741875187618771878187918801881188218831884188518861887188818891890189118921893189418951896189718981899190019011902190319041905190619071908190919101911191219131914191519161917191819191920192119221923192419251926192719281929193019311932193319341935193619371938193919401941194219431944194519461947194819491950195119521953195419551956195719581959196019611962196319641965196619671968196919701971197219731974197519761977197819791980198119821983198419851986198719881989199019911992199319941995199619971998199920002001200220032004200520062007200820092010201120122013201420152016201720182019202020212022202320242025202620272028202920302031203220332034203520362037203820392040204120422043204420452046204720482049205020512052205320542055205620572058205920602061206220632064206520662067206820692070207120722073207420752076207720782079208020812082208320842085208620872088208920902091209220932094209520962097209820992100210121022103210421052106210721082109211021112112211321142115211621172118211921202121212221232124212521262127212821292130213121322133213421352136213721382139214021412142214321442145214621472148214921502151215221532154215521562157215821592160216121622163216421652166216721682169217021712172217321742175217621772178217921802181218221832184218521862187218821892190219121922193219421952196219721982199220022012202220322042205220622072208220922102211221222132214221522162217221822192220222122222223222422252226222722282229223022312232223322342235223622372238223922402241224222432244224522462247224822492250225122522253225422552256225722582259226022612262226322642265226622672268226922702271 |
- import { getCode } from '@ckeditor/ckeditor5-utils/src/keyboard';
- import { getData as getModelData, setData as setModelData } from '@ckeditor/ckeditor5-engine/src/dev-utils/model';
- import { modelTable } from './_utils/utils';
- import { assertEqualMarkup } from '@ckeditor/ckeditor5-utils/tests/_utils/utils';
- import VirtualTestEditor from '@ckeditor/ckeditor5-core/tests/_utils/virtualtesteditor';
- import Paragraph from '@ckeditor/ckeditor5-paragraph/src/paragraph';
- import ImageEditing from '@ckeditor/ckeditor5-image/src/image/imageediting';
- import MediaEmbedEditing from '@ckeditor/ckeditor5-media-embed/src/mediaembedediting';
- import TableNavigation from '../src/tablenavigation';
- import Table from '../src/table';
- import TableEditing from '../src/tableediting';
- import TableSelection from '../src/tableselection';
- import ImageCaptionEditing from '@ckeditor/ckeditor5-image/src/imagecaption/imagecaptionediting';
- import HorizontalLineEditing from '@ckeditor/ckeditor5-horizontal-line/src/horizontallineediting';
- import ClassicTestEditor from '@ckeditor/ckeditor5-core/tests/_utils/classictesteditor';
- import Image from '@ckeditor/ckeditor5-image/src/image';
- import ImageCaption from '@ckeditor/ckeditor5-image/src/imagecaption';
- import HorizontalLine from '@ckeditor/ckeditor5-horizontal-line/src/horizontalline';
- import global from '@ckeditor/ckeditor5-utils/src/dom/global';
- describe( 'TableNavigation', () => {
- let editor, model, modelRoot, tableSelection;
- const imageUrl = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAUCAQAAADRyVAeAAAAKklEQVR42u3PAQ0AAAwCI' +
- 'O0f+u/hoAHNZUJFRERERERERERERERERLYiD9N4FAFj2iK6AAAAAElFTkSuQmCC';
- beforeEach( () => {
- return VirtualTestEditor
- .create( {
- plugins: [ TableEditing, TableNavigation, TableSelection, Paragraph, ImageEditing, ImageCaptionEditing, MediaEmbedEditing,
- HorizontalLineEditing ]
- } )
- .then( newEditor => {
- editor = newEditor;
- model = editor.model;
- modelRoot = model.document.getRoot();
- tableSelection = editor.plugins.get( TableSelection );
- } );
- } );
- afterEach( () => {
- editor.destroy();
- } );
- it( 'should have pluginName', () => {
- expect( TableNavigation.pluginName ).to.equal( 'TableNavigation' );
- } );
- describe( 'Tab key handling', () => {
- let domEvtDataStub;
- beforeEach( () => {
- domEvtDataStub = {
- keyCode: getCode( 'Tab' ),
- preventDefault: sinon.spy(),
- stopPropagation: sinon.spy()
- };
- } );
- it( 'should do nothing if not tab pressed', () => {
- setModelData( model, modelTable( [
- [ '11', '12[]' ]
- ] ) );
- domEvtDataStub.keyCode = getCode( 'a' );
- editor.editing.view.document.fire( 'keydown', domEvtDataStub );
- sinon.assert.notCalled( domEvtDataStub.preventDefault );
- sinon.assert.notCalled( domEvtDataStub.stopPropagation );
- assertEqualMarkup( getModelData( model ), modelTable( [
- [ '11', '12[]' ]
- ] ) );
- } );
- it( 'should do nothing if Ctrl+Tab is pressed', () => {
- setModelData( model, modelTable( [
- [ '11', '12[]' ]
- ] ) );
- domEvtDataStub.ctrlKey = true;
- editor.editing.view.document.fire( 'keydown', domEvtDataStub );
- sinon.assert.notCalled( domEvtDataStub.preventDefault );
- sinon.assert.notCalled( domEvtDataStub.stopPropagation );
- assertEqualMarkup( getModelData( model ), modelTable( [
- [ '11', '12[]' ]
- ] ) );
- } );
- describe( 'on TAB', () => {
- it( 'should do nothing if selection is not in a table', () => {
- setModelData( model, '<paragraph>[]</paragraph>' + modelTable( [ [ '11', '12' ] ] ) );
- editor.editing.view.document.fire( 'keydown', domEvtDataStub );
- sinon.assert.notCalled( domEvtDataStub.preventDefault );
- sinon.assert.notCalled( domEvtDataStub.stopPropagation );
- assertEqualMarkup( getModelData( model ), '<paragraph>[]</paragraph>' + modelTable( [
- [ '11', '12' ]
- ] ) );
- } );
- it( 'should move to next cell', () => {
- setModelData( model, modelTable( [
- [ '11[]', '12' ]
- ] ) );
- editor.editing.view.document.fire( 'keydown', domEvtDataStub );
- sinon.assert.calledOnce( domEvtDataStub.preventDefault );
- sinon.assert.calledOnce( domEvtDataStub.stopPropagation );
- assertEqualMarkup( getModelData( model ), modelTable( [
- [ '11', '[12]' ]
- ] ) );
- } );
- it( 'should create another row and move to first cell in new row', () => {
- setModelData( model, modelTable( [
- [ '11', '[12]' ]
- ] ) );
- editor.editing.view.document.fire( 'keydown', domEvtDataStub );
- assertEqualMarkup( getModelData( model ), modelTable( [
- [ '11', '12' ],
- [ '[]', '' ]
- ] ) );
- } );
- it( 'should not create another row and not move the caret if insertTableRowBelow command is disabled', () => {
- setModelData( model, modelTable( [
- [ '11', '12[]' ]
- ] ) );
- const insertTableRowBelowCommand = editor.commands.get( 'insertTableRowBelow' );
- insertTableRowBelowCommand.forceDisabled( 'test' );
- editor.editing.view.document.fire( 'keydown', domEvtDataStub );
- assertEqualMarkup( getModelData( model ), modelTable( [
- [ '11', '12[]' ]
- ] ) );
- } );
- it( 'should move to the first cell of next row if on end of a row', () => {
- setModelData( model, modelTable( [
- [ '11', '12[]' ],
- [ '21', '22' ]
- ] ) );
- editor.editing.view.document.fire( 'keydown', domEvtDataStub );
- assertEqualMarkup( getModelData( model ), modelTable( [
- [ '11', '12' ],
- [ '[21]', '22' ]
- ] ) );
- } );
- it( 'should move to the next table cell if part of block content is selected', () => {
- setModelData( model, modelTable( [
- [ '11', '<paragraph>12</paragraph><paragraph>[foo]</paragraph><paragraph>bar</paragraph>', '13' ]
- ] ) );
- editor.editing.view.document.fire( 'keydown', domEvtDataStub );
- assertEqualMarkup( getModelData( model ), modelTable( [
- [
- '11',
- '<paragraph>12</paragraph><paragraph>foo</paragraph><paragraph>bar</paragraph>',
- '[13]'
- ]
- ] ) );
- } );
- it( 'should move to next cell with an image', () => {
- setModelData( model, modelTable( [
- [ '11[]', '<paragraph>foo</paragraph><image><caption></caption></image>' ]
- ] ) );
- editor.editing.view.document.fire( 'keydown', domEvtDataStub );
- sinon.assert.calledOnce( domEvtDataStub.preventDefault );
- sinon.assert.calledOnce( domEvtDataStub.stopPropagation );
- assertEqualMarkup( getModelData( model ), modelTable( [
- [ '11', '<paragraph>[foo</paragraph><image><caption></caption></image>]' ]
- ] ) );
- } );
- it( 'should move to next cell with an blockQuote', () => {
- model.schema.register( 'blockQuote', {
- allowWhere: '$block',
- allowContentOf: '$root'
- } );
- editor.conversion.elementToElement( { model: 'blockQuote', view: 'blockquote' } );
- setModelData( model, modelTable( [
- [ '11[]', '<blockQuote><paragraph>foo</paragraph></blockQuote>' ]
- ] ) );
- editor.editing.view.document.fire( 'keydown', domEvtDataStub );
- sinon.assert.calledOnce( domEvtDataStub.preventDefault );
- sinon.assert.calledOnce( domEvtDataStub.stopPropagation );
- assertEqualMarkup( getModelData( model ), modelTable( [
- [ '11', '<blockQuote><paragraph>[foo]</paragraph></blockQuote>' ]
- ] ) );
- } );
- it( 'should listen with lower priority then its children', () => {
- // Cancel TAB event.
- editor.keystrokes.set( 'Tab', ( data, cancel ) => cancel() );
- setModelData( model, modelTable( [
- [ '11[]', '12' ]
- ] ) );
- editor.editing.view.document.fire( 'keydown', domEvtDataStub );
- sinon.assert.calledOnce( domEvtDataStub.preventDefault );
- sinon.assert.calledOnce( domEvtDataStub.stopPropagation );
- assertEqualMarkup( getModelData( model ), modelTable( [
- [ '11[]', '12' ]
- ] ) );
- } );
- describe( 'on table widget selected', () => {
- beforeEach( () => {
- editor.model.schema.register( 'block', {
- allowWhere: '$block',
- allowContentOf: '$block',
- isObject: true
- } );
- editor.conversion.elementToElement( { model: 'block', view: 'block' } );
- } );
- it( 'should move caret to the first table cell on TAB', () => {
- const spy = sinon.spy();
- editor.keystrokes.set( 'Tab', spy, { priority: 'lowest' } );
- setModelData( model, '[' + modelTable( [
- [ '11', '12' ]
- ] ) + ']' );
- editor.editing.view.document.fire( 'keydown', domEvtDataStub );
- sinon.assert.calledOnce( domEvtDataStub.preventDefault );
- sinon.assert.calledOnce( domEvtDataStub.stopPropagation );
- assertEqualMarkup( getModelData( model ), modelTable( [
- [ '[11]', '12' ]
- ] ) );
- // Should cancel event - so no other tab handler is called.
- sinon.assert.notCalled( spy );
- } );
- it( 'shouldn\'t do anything on other blocks', () => {
- const spy = sinon.spy();
- editor.editing.view.document.on( 'keydown', spy );
- setModelData( model, '[<block>foo</block>]' );
- editor.editing.view.document.fire( 'keydown', domEvtDataStub );
- sinon.assert.notCalled( domEvtDataStub.preventDefault );
- sinon.assert.notCalled( domEvtDataStub.stopPropagation );
- assertEqualMarkup( getModelData( model ), '[<block>foo</block>]' );
- // Should not cancel event.
- sinon.assert.calledOnce( spy );
- } );
- } );
- } );
- describe( 'on SHIFT+TAB', () => {
- beforeEach( () => {
- domEvtDataStub.shiftKey = true;
- } );
- it( 'should do nothing if selection is not in a table', () => {
- setModelData( model, '<paragraph>[]</paragraph>' + modelTable( [
- [ '11', '12' ]
- ] ) );
- domEvtDataStub.keyCode = getCode( 'Tab' );
- domEvtDataStub.shiftKey = true;
- editor.editing.view.document.fire( 'keydown', domEvtDataStub );
- sinon.assert.notCalled( domEvtDataStub.preventDefault );
- sinon.assert.notCalled( domEvtDataStub.stopPropagation );
- assertEqualMarkup( getModelData( model ), '<paragraph>[]</paragraph>' + modelTable( [
- [ '11', '12' ]
- ] ) );
- } );
- it( 'should move to previous cell', () => {
- setModelData( model, modelTable( [
- [ '11', '12[]' ]
- ] ) );
- editor.editing.view.document.fire( 'keydown', domEvtDataStub );
- sinon.assert.calledOnce( domEvtDataStub.preventDefault );
- sinon.assert.calledOnce( domEvtDataStub.stopPropagation );
- assertEqualMarkup( getModelData( model ), modelTable( [
- [ '[11]', '12' ]
- ] ) );
- } );
- it( 'should not move if caret is in first table cell', () => {
- setModelData( model, '<paragraph>foo</paragraph>' + modelTable( [
- [ '[]11', '12' ]
- ] ) );
- editor.editing.view.document.fire( 'keydown', domEvtDataStub );
- assertEqualMarkup( getModelData( model ),
- '<paragraph>foo</paragraph>' + modelTable( [ [ '[]11', '12' ] ] )
- );
- } );
- it( 'should move to the last cell of previous row if on beginning of a row', () => {
- setModelData( model, modelTable( [
- [ '11', '12' ],
- [ '[]21', '22' ]
- ] ) );
- editor.editing.view.document.fire( 'keydown', domEvtDataStub );
- assertEqualMarkup( getModelData( model ), modelTable( [
- [ '11', '[12]' ],
- [ '21', '22' ]
- ] ) );
- } );
- it( 'should move to the previous table cell if part of block content is selected', () => {
- setModelData( model, modelTable( [
- [ '11', '<paragraph>12</paragraph><paragraph>[foo]</paragraph><paragraph>bar</paragraph>', '13' ]
- ] ) );
- editor.editing.view.document.fire( 'keydown', domEvtDataStub );
- assertEqualMarkup( getModelData( model ), modelTable( [
- [
- '[11]',
- '<paragraph>12</paragraph><paragraph>foo</paragraph><paragraph>bar</paragraph>',
- '13'
- ]
- ] ) );
- } );
- it( 'should move to previous cell with an image', () => {
- setModelData( model, modelTable( [
- [ '<paragraph>foo</paragraph><image><caption></caption></image>', 'bar[]' ]
- ] ) );
- editor.editing.view.document.fire( 'keydown', domEvtDataStub );
- sinon.assert.calledOnce( domEvtDataStub.preventDefault );
- sinon.assert.calledOnce( domEvtDataStub.stopPropagation );
- assertEqualMarkup( getModelData( model ), modelTable( [
- [ '<paragraph>[foo</paragraph><image><caption></caption></image>]', 'bar' ]
- ] ) );
- } );
- } );
- } );
- describe( 'Arrow keys handling', () => {
- let leftArrowDomEvtDataStub, rightArrowDomEvtDataStub, upArrowDomEvtDataStub, downArrowDomEvtDataStub;
- beforeEach( () => {
- leftArrowDomEvtDataStub = {
- keyCode: getCode( 'ArrowLeft' ),
- preventDefault: sinon.spy(),
- stopPropagation: sinon.spy(),
- domTarget: global.document.body
- };
- rightArrowDomEvtDataStub = {
- keyCode: getCode( 'ArrowRight' ),
- preventDefault: sinon.spy(),
- stopPropagation: sinon.spy(),
- domTarget: global.document.body
- };
- upArrowDomEvtDataStub = {
- keyCode: getCode( 'ArrowUp' ),
- preventDefault: sinon.spy(),
- stopPropagation: sinon.spy(),
- domTarget: global.document.body
- };
- downArrowDomEvtDataStub = {
- keyCode: getCode( 'ArrowDown' ),
- preventDefault: sinon.spy(),
- stopPropagation: sinon.spy(),
- domTarget: global.document.body
- };
- } );
- it( 'should do nothing if not arrow key pressed', () => {
- setModelData( model, modelTable( [
- [ '00', '01[]' ]
- ] ) );
- leftArrowDomEvtDataStub.keyCode = getCode( 'a' );
- editor.editing.view.document.fire( 'keydown', leftArrowDomEvtDataStub );
- sinon.assert.notCalled( leftArrowDomEvtDataStub.preventDefault );
- sinon.assert.notCalled( leftArrowDomEvtDataStub.stopPropagation );
- assertEqualMarkup( getModelData( model ), modelTable( [
- [ '00', '01[]' ]
- ] ) );
- } );
- it( 'should do nothing if selection is not in a table', () => {
- const modelData = '<paragraph>[]foobar</paragraph>' + modelTable( [ [ '00', '01' ] ] );
- setModelData( model, modelData );
- editor.editing.view.document.fire( 'keydown', upArrowDomEvtDataStub );
- sinon.assert.notCalled( upArrowDomEvtDataStub.preventDefault );
- sinon.assert.notCalled( upArrowDomEvtDataStub.stopPropagation );
- assertEqualMarkup( getModelData( model ), modelData );
- } );
- describe( '#_navigateFromCellInDirection (finding proper cell to move selection to)', () => {
- let tableNavigation;
- beforeEach( () => {
- tableNavigation = editor.plugins.get( TableNavigation );
- } );
- describe( 'with no col/row-spanned cells', () => {
- beforeEach( () => {
- setModelData( model, '<paragraph>foo</paragraph>' + modelTable( [
- [ '00', '01', '02' ],
- [ '10', '11', '12' ],
- [ '20', '21', '22' ]
- ] ) + '<paragraph>bar</paragraph>' );
- } );
- describe( 'from the first table cell', () => {
- let tableCell;
- beforeEach( () => {
- tableCell = modelRoot.getNodeByPath( [ 1, 0, 0 ] );
- } );
- it( 'should navigate to the start position of the cell on the right when direction is "right"', () => {
- tableNavigation._navigateFromCellInDirection( tableCell, 'right' );
- assertEqualMarkup( getModelData( model ), '<paragraph>foo</paragraph>' + modelTable( [
- [ '00', '[]01', '02' ],
- [ '10', '11', '12' ],
- [ '20', '21', '22' ]
- ] ) + '<paragraph>bar</paragraph>' );
- } );
- it( 'should navigate to the start position the cell below when direction is "down"', () => {
- tableNavigation._navigateFromCellInDirection( tableCell, 'down' );
- assertEqualMarkup( getModelData( model ), '<paragraph>foo</paragraph>' + modelTable( [
- [ '00', '01', '02' ],
- [ '[]10', '11', '12' ],
- [ '20', '21', '22' ]
- ] ) + '<paragraph>bar</paragraph>' );
- } );
- it( 'should select a whole table when direction is "up"', () => {
- tableNavigation._navigateFromCellInDirection( tableCell, 'up' );
- assertEqualMarkup( getModelData( model ), '<paragraph>foo</paragraph>[' + modelTable( [
- [ '00', '01', '02' ],
- [ '10', '11', '12' ],
- [ '20', '21', '22' ]
- ] ) + ']<paragraph>bar</paragraph>' );
- } );
- it( 'should select a whole table when direction is "left"', () => {
- tableNavigation._navigateFromCellInDirection( tableCell, 'left' );
- assertEqualMarkup( getModelData( model ), '<paragraph>foo</paragraph>[' + modelTable( [
- [ '00', '01', '02' ],
- [ '10', '11', '12' ],
- [ '20', '21', '22' ]
- ] ) + ']<paragraph>bar</paragraph>' );
- } );
- } );
- describe( 'from the last table cell', () => {
- let tableCell;
- beforeEach( () => {
- tableCell = modelRoot.getNodeByPath( [ 1, 2, 2 ] );
- } );
- it( 'should navigate to the end position of the cell on the left when direction is "left"', () => {
- tableNavigation._navigateFromCellInDirection( tableCell, 'left' );
- assertEqualMarkup( getModelData( model ), '<paragraph>foo</paragraph>' + modelTable( [
- [ '00', '01', '02' ],
- [ '10', '11', '12' ],
- [ '20', '21[]', '22' ]
- ] ) + '<paragraph>bar</paragraph>' );
- } );
- it( 'should navigate to the end position of the cell above when direction is "up"', () => {
- tableNavigation._navigateFromCellInDirection( tableCell, 'up' );
- assertEqualMarkup( getModelData( model ), '<paragraph>foo</paragraph>' + modelTable( [
- [ '00', '01', '02' ],
- [ '10', '11', '12[]' ],
- [ '20', '21', '22' ]
- ] ) + '<paragraph>bar</paragraph>' );
- } );
- it( 'should select a whole table when direction is "down"', () => {
- tableNavigation._navigateFromCellInDirection( tableCell, 'down' );
- assertEqualMarkup( getModelData( model ), '<paragraph>foo</paragraph>[' + modelTable( [
- [ '00', '01', '02' ],
- [ '10', '11', '12' ],
- [ '20', '21', '22' ]
- ] ) + ']<paragraph>bar</paragraph>' );
- } );
- it( 'should select a whole table when direction is "right"', () => {
- tableNavigation._navigateFromCellInDirection( tableCell, 'right' );
- assertEqualMarkup( getModelData( model ), '<paragraph>foo</paragraph>[' + modelTable( [
- [ '00', '01', '02' ],
- [ '10', '11', '12' ],
- [ '20', '21', '22' ]
- ] ) + ']<paragraph>bar</paragraph>' );
- } );
- } );
- describe( 'from a cell in the first column (but not first row)', () => {
- let tableCell;
- beforeEach( () => {
- tableCell = modelRoot.getNodeByPath( [ 1, 1, 0 ] );
- } );
- it( 'should navigate to start position of the cell on the right when direction is "right"', () => {
- tableNavigation._navigateFromCellInDirection( tableCell, 'right' );
- assertEqualMarkup( getModelData( model ), '<paragraph>foo</paragraph>' + modelTable( [
- [ '00', '01', '02' ],
- [ '10', '[]11', '12' ],
- [ '20', '21', '22' ]
- ] ) + '<paragraph>bar</paragraph>' );
- } );
- it( 'should navigate to the end position of the cell above when direction is "up"', () => {
- tableNavigation._navigateFromCellInDirection( tableCell, 'up' );
- assertEqualMarkup( getModelData( model ), '<paragraph>foo</paragraph>' + modelTable( [
- [ '00[]', '01', '02' ],
- [ '10', '11', '12' ],
- [ '20', '21', '22' ]
- ] ) + '<paragraph>bar</paragraph>' );
- } );
- it( 'should navigate to the start position of the cell below when direction is "down"', () => {
- tableNavigation._navigateFromCellInDirection( tableCell, 'down' );
- assertEqualMarkup( getModelData( model ), '<paragraph>foo</paragraph>' + modelTable( [
- [ '00', '01', '02' ],
- [ '10', '11', '12' ],
- [ '[]20', '21', '22' ]
- ] ) + '<paragraph>bar</paragraph>' );
- } );
- it( 'should navigate to the end position of the last cell in the previous row when direction is "left"', () => {
- tableNavigation._navigateFromCellInDirection( tableCell, 'left' );
- assertEqualMarkup( getModelData( model ), '<paragraph>foo</paragraph>' + modelTable( [
- [ '00', '01', '02[]' ],
- [ '10', '11', '12' ],
- [ '20', '21', '22' ]
- ] ) + '<paragraph>bar</paragraph>' );
- } );
- } );
- describe( 'from a cell in the last column (but not last row)', () => {
- let tableCell;
- beforeEach( () => {
- tableCell = modelRoot.getNodeByPath( [ 1, 1, 2 ] );
- } );
- it( 'should navigate to the end position of the cell on the left when direction is "left"', () => {
- tableNavigation._navigateFromCellInDirection( tableCell, 'left' );
- assertEqualMarkup( getModelData( model ), '<paragraph>foo</paragraph>' + modelTable( [
- [ '00', '01', '02' ],
- [ '10', '11[]', '12' ],
- [ '20', '21', '22' ]
- ] ) + '<paragraph>bar</paragraph>' );
- } );
- it( 'should navigate to the end position the cell above when direction is "up"', () => {
- tableNavigation._navigateFromCellInDirection( tableCell, 'up' );
- assertEqualMarkup( getModelData( model ), '<paragraph>foo</paragraph>' + modelTable( [
- [ '00', '01', '02[]' ],
- [ '10', '11', '12' ],
- [ '20', '21', '22' ]
- ] ) + '<paragraph>bar</paragraph>' );
- } );
- it( 'should navigate to the start position of the cell below when direction is "down"', () => {
- tableNavigation._navigateFromCellInDirection( tableCell, 'down' );
- assertEqualMarkup( getModelData( model ), '<paragraph>foo</paragraph>' + modelTable( [
- [ '00', '01', '02' ],
- [ '10', '11', '12' ],
- [ '20', '21', '[]22' ]
- ] ) + '<paragraph>bar</paragraph>' );
- } );
- it( 'should navigate to the start position of the first cell in the next row when direction is "right"', () => {
- tableNavigation._navigateFromCellInDirection( tableCell, 'right' );
- assertEqualMarkup( getModelData( model ), '<paragraph>foo</paragraph>' + modelTable( [
- [ '00', '01', '02' ],
- [ '10', '11', '12' ],
- [ '[]20', '21', '22' ]
- ] ) + '<paragraph>bar</paragraph>' );
- } );
- } );
- } );
- describe( 'with col/row-spanned cells', () => {
- beforeEach( () => {
- // +----+----+----+----+----+
- // | 00 | 01 | 02 | 03 | 04 |
- // +----+----+----+----+----+
- // | 10 | 11 | 13 | 14 |
- // +----+ + +----+
- // | 20 | | | 24 |
- // +----+----+----+----+----+
- // | 30 | 31 | 33 | 34 |
- // +----+----+----+----+----+
- // | 40 | 41 | 42 | 43 | 44 |
- // +----+----+----+----+----+
- setModelData( model, modelTable( [
- [ '00', '01', '02', '03', '04' ],
- [ '10', { contents: '11', colspan: 2, rowspan: 2 }, { contents: '13', rowspan: 2 }, '14' ],
- [ '20', '24' ],
- [ '30', { contents: '31', colspan: 2 }, '33', '34' ],
- [ '40', '41', '42', '43', '44' ]
- ] ) );
- } );
- describe( 'when navigating to the right', () => {
- it( 'should navigate to the row-col-spanned cell when approaching from the upper spanned row', () => {
- const tableCell = modelRoot.getNodeByPath( [ 0, 1, 0 ] );
- tableNavigation._navigateFromCellInDirection( tableCell, 'right' );
- assertEqualMarkup( getModelData( model ), modelTable( [
- [ '00', '01', '02', '03', '04' ],
- [ '10', { contents: '[]11', colspan: 2, rowspan: 2 }, { contents: '13', rowspan: 2 }, '14' ],
- [ '20', '24' ],
- [ '30', { contents: '31', colspan: 2 }, '33', '34' ],
- [ '40', '41', '42', '43', '44' ]
- ] ) );
- } );
- it( 'should navigate to the row-col-spanned cell when approaching from the lower spanned row', () => {
- const tableCell = modelRoot.getNodeByPath( [ 0, 2, 0 ] );
- tableNavigation._navigateFromCellInDirection( tableCell, 'right' );
- assertEqualMarkup( getModelData( model ), modelTable( [
- [ '00', '01', '02', '03', '04' ],
- [ '10', { contents: '[]11', colspan: 2, rowspan: 2 }, { contents: '13', rowspan: 2 }, '14' ],
- [ '20', '24' ],
- [ '30', { contents: '31', colspan: 2 }, '33', '34' ],
- [ '40', '41', '42', '43', '44' ]
- ] ) );
- } );
- it( 'should navigate to the row-spanned cell when approaching from the other row-spanned cell', () => {
- const tableCell = modelRoot.getNodeByPath( [ 0, 1, 1 ] );
- tableNavigation._navigateFromCellInDirection( tableCell, 'right' );
- assertEqualMarkup( getModelData( model ), modelTable( [
- [ '00', '01', '02', '03', '04' ],
- [ '10', { contents: '11', colspan: 2, rowspan: 2 }, { contents: '[]13', rowspan: 2 }, '14' ],
- [ '20', '24' ],
- [ '30', { contents: '31', colspan: 2 }, '33', '34' ],
- [ '40', '41', '42', '43', '44' ]
- ] ) );
- } );
- it( 'should navigate to the cell in the upper spanned row when approaching from the row-spanned cell', () => {
- const tableCell = modelRoot.getNodeByPath( [ 0, 1, 2 ] ); // Cell 13.
- tableNavigation._navigateFromCellInDirection( tableCell, 'right' );
- assertEqualMarkup( getModelData( model ), modelTable( [
- [ '00', '01', '02', '03', '04' ],
- [ '10', { contents: '11', colspan: 2, rowspan: 2 }, { contents: '13', rowspan: 2 }, '[]14' ],
- [ '20', '24' ],
- [ '30', { contents: '31', colspan: 2 }, '33', '34' ],
- [ '40', '41', '42', '43', '44' ]
- ] ) );
- } );
- it( 'should navigate to the col-spanned cell', () => {
- const tableCell = modelRoot.getNodeByPath( [ 0, 3, 0 ] );
- tableNavigation._navigateFromCellInDirection( tableCell, 'right' );
- assertEqualMarkup( getModelData( model ), modelTable( [
- [ '00', '01', '02', '03', '04' ],
- [ '10', { contents: '11', colspan: 2, rowspan: 2 }, { contents: '13', rowspan: 2 }, '14' ],
- [ '20', '24' ],
- [ '30', { contents: '[]31', colspan: 2 }, '33', '34' ],
- [ '40', '41', '42', '43', '44' ]
- ] ) );
- } );
- it( 'should navigate from the col-spanned cell', () => {
- const tableCell = modelRoot.getNodeByPath( [ 0, 3, 1 ] );
- tableNavigation._navigateFromCellInDirection( tableCell, 'right' );
- assertEqualMarkup( getModelData( model ), modelTable( [
- [ '00', '01', '02', '03', '04' ],
- [ '10', { contents: '11', colspan: 2, rowspan: 2 }, { contents: '13', rowspan: 2 }, '14' ],
- [ '20', '24' ],
- [ '30', { contents: '31', colspan: 2 }, '[]33', '34' ],
- [ '40', '41', '42', '43', '44' ]
- ] ) );
- } );
- } );
- describe( 'when navigating to the left', () => {
- it( 'should navigate to the row-spanned cell when approaching from the upper spanned row', () => {
- const tableCell = modelRoot.getNodeByPath( [ 0, 1, 3 ] ); // Cell 14.
- tableNavigation._navigateFromCellInDirection( tableCell, 'left' );
- assertEqualMarkup( getModelData( model ), modelTable( [
- [ '00', '01', '02', '03', '04' ],
- [ '10', { contents: '11', colspan: 2, rowspan: 2 }, { contents: '13[]', rowspan: 2 }, '14' ],
- [ '20', '24' ],
- [ '30', { contents: '31', colspan: 2 }, '33', '34' ],
- [ '40', '41', '42', '43', '44' ]
- ] ) );
- } );
- it( 'should navigate to the row-spanned cell when approaching from the lower spanned row', () => {
- const tableCell = modelRoot.getNodeByPath( [ 0, 2, 1 ] ); // Cell 24.
- tableNavigation._navigateFromCellInDirection( tableCell, 'left' );
- assertEqualMarkup( getModelData( model ), modelTable( [
- [ '00', '01', '02', '03', '04' ],
- [ '10', { contents: '11', colspan: 2, rowspan: 2 }, { contents: '13[]', rowspan: 2 }, '14' ],
- [ '20', '24' ],
- [ '30', { contents: '31', colspan: 2 }, '33', '34' ],
- [ '40', '41', '42', '43', '44' ]
- ] ) );
- } );
- it( 'should navigate to the row-spanned cell when approaching from the other row-spanned cell', () => {
- const tableCell = modelRoot.getNodeByPath( [ 0, 1, 2 ] ); // Cell 13.
- tableNavigation._navigateFromCellInDirection( tableCell, 'left' );
- assertEqualMarkup( getModelData( model ), modelTable( [
- [ '00', '01', '02', '03', '04' ],
- [ '10', { contents: '11[]', colspan: 2, rowspan: 2 }, { contents: '13', rowspan: 2 }, '14' ],
- [ '20', '24' ],
- [ '30', { contents: '31', colspan: 2 }, '33', '34' ],
- [ '40', '41', '42', '43', '44' ]
- ] ) );
- } );
- it( 'should navigate to the cell in the upper spanned row when approaching from the row-spanned cell', () => {
- const tableCell = modelRoot.getNodeByPath( [ 0, 1, 1 ] ); // Cell 11.
- tableNavigation._navigateFromCellInDirection( tableCell, 'left' );
- assertEqualMarkup( getModelData( model ), modelTable( [
- [ '00', '01', '02', '03', '04' ],
- [ '10[]', { contents: '11', colspan: 2, rowspan: 2 }, { contents: '13', rowspan: 2 }, '14' ],
- [ '20', '24' ],
- [ '30', { contents: '31', colspan: 2 }, '33', '34' ],
- [ '40', '41', '42', '43', '44' ]
- ] ) );
- } );
- it( 'should navigate to the col-spanned cell', () => {
- const tableCell = modelRoot.getNodeByPath( [ 0, 3, 2 ] ); // Cell 33.
- tableNavigation._navigateFromCellInDirection( tableCell, 'left' );
- assertEqualMarkup( getModelData( model ), modelTable( [
- [ '00', '01', '02', '03', '04' ],
- [ '10', { contents: '11', colspan: 2, rowspan: 2 }, { contents: '13', rowspan: 2 }, '14' ],
- [ '20', '24' ],
- [ '30', { contents: '31[]', colspan: 2 }, '33', '34' ],
- [ '40', '41', '42', '43', '44' ]
- ] ) );
- } );
- it( 'should navigate from the col-spanned cell', () => {
- const tableCell = modelRoot.getNodeByPath( [ 0, 3, 1 ] );
- tableNavigation._navigateFromCellInDirection( tableCell, 'left' );
- assertEqualMarkup( getModelData( model ), modelTable( [
- [ '00', '01', '02', '03', '04' ],
- [ '10', { contents: '11', colspan: 2, rowspan: 2 }, { contents: '13', rowspan: 2 }, '14' ],
- [ '20', '24' ],
- [ '30[]', { contents: '31', colspan: 2 }, '33', '34' ],
- [ '40', '41', '42', '43', '44' ]
- ] ) );
- } );
- } );
- describe( 'when navigating down', () => {
- it( 'should navigate to the row-col-spanned cell when approaching from the first spanned column', () => {
- const tableCell = modelRoot.getNodeByPath( [ 0, 0, 1 ] );
- tableNavigation._navigateFromCellInDirection( tableCell, 'down' );
- assertEqualMarkup( getModelData( model ), modelTable( [
- [ '00', '01', '02', '03', '04' ],
- [ '10', { contents: '[]11', colspan: 2, rowspan: 2 }, { contents: '13', rowspan: 2 }, '14' ],
- [ '20', '24' ],
- [ '30', { contents: '31', colspan: 2 }, '33', '34' ],
- [ '40', '41', '42', '43', '44' ]
- ] ) );
- } );
- it( 'should navigate to the row-col-spanned cell when approaching from the last spanned column', () => {
- const tableCell = modelRoot.getNodeByPath( [ 0, 0, 2 ] );
- tableNavigation._navigateFromCellInDirection( tableCell, 'down' );
- assertEqualMarkup( getModelData( model ), modelTable( [
- [ '00', '01', '02', '03', '04' ],
- [ '10', { contents: '[]11', colspan: 2, rowspan: 2 }, { contents: '13', rowspan: 2 }, '14' ],
- [ '20', '24' ],
- [ '30', { contents: '31', colspan: 2 }, '33', '34' ],
- [ '40', '41', '42', '43', '44' ]
- ] ) );
- } );
- it( 'should navigate to the row-spanned cell when approaching from the other col-spanned cell', () => {
- const tableCell = modelRoot.getNodeByPath( [ 0, 1, 1 ] );
- tableNavigation._navigateFromCellInDirection( tableCell, 'down' );
- assertEqualMarkup( getModelData( model ), modelTable( [
- [ '00', '01', '02', '03', '04' ],
- [ '10', { contents: '11', colspan: 2, rowspan: 2 }, { contents: '13', rowspan: 2 }, '14' ],
- [ '20', '24' ],
- [ '30', { contents: '[]31', colspan: 2 }, '33', '34' ],
- [ '40', '41', '42', '43', '44' ]
- ] ) );
- } );
- it( 'should navigate to the cell in the first spanned column when approaching from the col-spanned cell', () => {
- const tableCell = modelRoot.getNodeByPath( [ 0, 1, 1 ] ); // Cell 11.
- tableNavigation._navigateFromCellInDirection( tableCell, 'down' );
- assertEqualMarkup( getModelData( model ), modelTable( [
- [ '00', '01', '02', '03', '04' ],
- [ '10', { contents: '11', colspan: 2, rowspan: 2 }, { contents: '13', rowspan: 2 }, '14' ],
- [ '20', '24' ],
- [ '30', { contents: '[]31', colspan: 2 }, '33', '34' ],
- [ '40', '41', '42', '43', '44' ]
- ] ) );
- } );
- it( 'should navigate to the row-spanned cell', () => {
- const tableCell = modelRoot.getNodeByPath( [ 0, 0, 3 ] );
- tableNavigation._navigateFromCellInDirection( tableCell, 'down' );
- assertEqualMarkup( getModelData( model ), modelTable( [
- [ '00', '01', '02', '03', '04' ],
- [ '10', { contents: '11', colspan: 2, rowspan: 2 }, { contents: '[]13', rowspan: 2 }, '14' ],
- [ '20', '24' ],
- [ '30', { contents: '31', colspan: 2 }, '33', '34' ],
- [ '40', '41', '42', '43', '44' ]
- ] ) );
- } );
- it( 'should navigate from the row-spanned cell', () => {
- const tableCell = modelRoot.getNodeByPath( [ 0, 1, 2 ] ); // Cell 13.
- tableNavigation._navigateFromCellInDirection( tableCell, 'down' );
- assertEqualMarkup( getModelData( model ), modelTable( [
- [ '00', '01', '02', '03', '04' ],
- [ '10', { contents: '11', colspan: 2, rowspan: 2 }, { contents: '13', rowspan: 2 }, '14' ],
- [ '20', '24' ],
- [ '30', { contents: '31', colspan: 2 }, '[]33', '34' ],
- [ '40', '41', '42', '43', '44' ]
- ] ) );
- } );
- } );
- describe( 'when navigating up', () => {
- it( 'should navigate to the col-spanned cell when approaching from the first spanned column', () => {
- const tableCell = modelRoot.getNodeByPath( [ 0, 4, 1 ] );
- tableNavigation._navigateFromCellInDirection( tableCell, 'up' );
- assertEqualMarkup( getModelData( model ), modelTable( [
- [ '00', '01', '02', '03', '04' ],
- [ '10', { contents: '11', colspan: 2, rowspan: 2 }, { contents: '13', rowspan: 2 }, '14' ],
- [ '20', '24' ],
- [ '30', { contents: '31[]', colspan: 2 }, '33', '34' ],
- [ '40', '41', '42', '43', '44' ]
- ] ) );
- } );
- it( 'should navigate to the col-spanned cell when approaching from the last spanned column', () => {
- const tableCell = modelRoot.getNodeByPath( [ 0, 4, 2 ] );
- tableNavigation._navigateFromCellInDirection( tableCell, 'up' );
- assertEqualMarkup( getModelData( model ), modelTable( [
- [ '00', '01', '02', '03', '04' ],
- [ '10', { contents: '11', colspan: 2, rowspan: 2 }, { contents: '13', rowspan: 2 }, '14' ],
- [ '20', '24' ],
- [ '30', { contents: '31[]', colspan: 2 }, '33', '34' ],
- [ '40', '41', '42', '43', '44' ]
- ] ) );
- } );
- it( 'should navigate to the row-col-spanned cell when approaching from the other col-spanned cell', () => {
- const tableCell = modelRoot.getNodeByPath( [ 0, 3, 1 ] );
- tableNavigation._navigateFromCellInDirection( tableCell, 'up' );
- assertEqualMarkup( getModelData( model ), modelTable( [
- [ '00', '01', '02', '03', '04' ],
- [ '10', { contents: '11[]', colspan: 2, rowspan: 2 }, { contents: '13', rowspan: 2 }, '14' ],
- [ '20', '24' ],
- [ '30', { contents: '31', colspan: 2 }, '33', '34' ],
- [ '40', '41', '42', '43', '44' ]
- ] ) );
- } );
- it( 'should navigate to the cell in the first spanned column when approaching from the col-spanned cell', () => {
- const tableCell = modelRoot.getNodeByPath( [ 0, 1, 1 ] );
- tableNavigation._navigateFromCellInDirection( tableCell, 'up' );
- assertEqualMarkup( getModelData( model ), modelTable( [
- [ '00', '01[]', '02', '03', '04' ],
- [ '10', { contents: '11', colspan: 2, rowspan: 2 }, { contents: '13', rowspan: 2 }, '14' ],
- [ '20', '24' ],
- [ '30', { contents: '31', colspan: 2 }, '33', '34' ],
- [ '40', '41', '42', '43', '44' ]
- ] ) );
- } );
- it( 'should navigate to the row-spanned cell', () => {
- const tableCell = modelRoot.getNodeByPath( [ 0, 3, 2 ] ); // Cell 33.
- tableNavigation._navigateFromCellInDirection( tableCell, 'up' );
- assertEqualMarkup( getModelData( model ), modelTable( [
- [ '00', '01', '02', '03', '04' ],
- [ '10', { contents: '11', colspan: 2, rowspan: 2 }, { contents: '13[]', rowspan: 2 }, '14' ],
- [ '20', '24' ],
- [ '30', { contents: '31', colspan: 2 }, '33', '34' ],
- [ '40', '41', '42', '43', '44' ]
- ] ) );
- } );
- it( 'should navigate from the row-spanned cell', () => {
- const tableCell = modelRoot.getNodeByPath( [ 0, 1, 2 ] ); // Cell 13.
- tableNavigation._navigateFromCellInDirection( tableCell, 'up' );
- assertEqualMarkup( getModelData( model ), modelTable( [
- [ '00', '01', '02', '03[]', '04' ],
- [ '10', { contents: '11', colspan: 2, rowspan: 2 }, { contents: '13', rowspan: 2 }, '14' ],
- [ '20', '24' ],
- [ '30', { contents: '31', colspan: 2 }, '33', '34' ],
- [ '40', '41', '42', '43', '44' ]
- ] ) );
- } );
- } );
- } );
- } );
- describe( 'with the table cells selected from outside', () => {
- describe( 'on single table cell selected', () => {
- beforeEach( () => {
- setModelData( model, modelTable( [
- [ '00', '01', '02' ],
- [ '10', '11', '12' ],
- [ '20', '21', '22' ]
- ] ) );
- tableSelection._setCellSelection(
- modelRoot.getNodeByPath( [ 0, 1, 1 ] ),
- modelRoot.getNodeByPath( [ 0, 1, 1 ] )
- );
- } );
- it( 'should move to the cell on the left', () => {
- editor.editing.view.document.fire( 'keydown', leftArrowDomEvtDataStub );
- sinon.assert.calledOnce( leftArrowDomEvtDataStub.preventDefault );
- sinon.assert.calledOnce( leftArrowDomEvtDataStub.stopPropagation );
- assertEqualMarkup( getModelData( model ), modelTable( [
- [ '00', '01', '02' ],
- [ '10[]', '11', '12' ],
- [ '20', '21', '22' ]
- ] ) );
- } );
- it( 'should move to the cell on the right', () => {
- editor.editing.view.document.fire( 'keydown', rightArrowDomEvtDataStub );
- sinon.assert.calledOnce( rightArrowDomEvtDataStub.preventDefault );
- sinon.assert.calledOnce( rightArrowDomEvtDataStub.stopPropagation );
- assertEqualMarkup( getModelData( model ), modelTable( [
- [ '00', '01', '02' ],
- [ '10', '11', '[]12' ],
- [ '20', '21', '22' ]
- ] ) );
- } );
- it( 'should move to the cell above selection', () => {
- editor.editing.view.document.fire( 'keydown', upArrowDomEvtDataStub );
- sinon.assert.calledOnce( upArrowDomEvtDataStub.preventDefault );
- sinon.assert.calledOnce( upArrowDomEvtDataStub.stopPropagation );
- assertEqualMarkup( getModelData( model ), modelTable( [
- [ '00', '01[]', '02' ],
- [ '10', '11', '12' ],
- [ '20', '21', '22' ]
- ] ) );
- } );
- it( 'should move to the cell below selection', () => {
- editor.editing.view.document.fire( 'keydown', downArrowDomEvtDataStub );
- sinon.assert.calledOnce( downArrowDomEvtDataStub.preventDefault );
- sinon.assert.calledOnce( downArrowDomEvtDataStub.stopPropagation );
- assertEqualMarkup( getModelData( model ), modelTable( [
- [ '00', '01', '02' ],
- [ '10', '11', '12' ],
- [ '20', '[]21', '22' ]
- ] ) );
- } );
- } );
- describe( 'on multiple table cell selected vertically', () => {
- beforeEach( () => {
- setModelData( model, modelTable( [
- [ '00', '01', '02', '03' ],
- [ '10', '11', '12', '13' ],
- [ '20', '21', '22', '23' ],
- [ '30', '31', '32', '33' ]
- ] ) );
- tableSelection._setCellSelection(
- modelRoot.getNodeByPath( [ 0, 1, 1 ] ),
- modelRoot.getNodeByPath( [ 0, 2, 1 ] )
- );
- } );
- it( 'should move to the cell on the left top of selection', () => {
- editor.editing.view.document.fire( 'keydown', leftArrowDomEvtDataStub );
- sinon.assert.calledOnce( leftArrowDomEvtDataStub.preventDefault );
- sinon.assert.calledOnce( leftArrowDomEvtDataStub.stopPropagation );
- assertEqualMarkup( getModelData( model ), modelTable( [
- [ '00', '01', '02', '03' ],
- [ '10[]', '11', '12', '13' ],
- [ '20', '21', '22', '23' ],
- [ '30', '31', '32', '33' ]
- ] ) );
- } );
- it( 'should move to the cell on the right bottom of selection', () => {
- editor.editing.view.document.fire( 'keydown', rightArrowDomEvtDataStub );
- sinon.assert.calledOnce( rightArrowDomEvtDataStub.preventDefault );
- sinon.assert.calledOnce( rightArrowDomEvtDataStub.stopPropagation );
- assertEqualMarkup( getModelData( model ), modelTable( [
- [ '00', '01', '02', '03' ],
- [ '10', '11', '12', '13' ],
- [ '20', '21', '[]22', '23' ],
- [ '30', '31', '32', '33' ]
- ] ) );
- } );
- it( 'should move to the cell above selection', () => {
- editor.editing.view.document.fire( 'keydown', upArrowDomEvtDataStub );
- sinon.assert.calledOnce( upArrowDomEvtDataStub.preventDefault );
- sinon.assert.calledOnce( upArrowDomEvtDataStub.stopPropagation );
- assertEqualMarkup( getModelData( model ), modelTable( [
- [ '00', '01[]', '02', '03' ],
- [ '10', '11', '12', '13' ],
- [ '20', '21', '22', '23' ],
- [ '30', '31', '32', '33' ]
- ] ) );
- } );
- it( 'should move to the cell below selection', () => {
- editor.editing.view.document.fire( 'keydown', downArrowDomEvtDataStub );
- sinon.assert.calledOnce( downArrowDomEvtDataStub.preventDefault );
- sinon.assert.calledOnce( downArrowDomEvtDataStub.stopPropagation );
- assertEqualMarkup( getModelData( model ), modelTable( [
- [ '00', '01', '02', '03' ],
- [ '10', '11', '12', '13' ],
- [ '20', '21', '22', '23' ],
- [ '30', '[]31', '32', '33' ]
- ] ) );
- } );
- } );
- describe( 'on multiple table cell selected horizontally', () => {
- beforeEach( () => {
- setModelData( model, modelTable( [
- [ '00', '01', '02', '03' ],
- [ '10', '11', '12', '13' ],
- [ '20', '21', '22', '23' ],
- [ '30', '31', '32', '33' ]
- ] ) );
- // Note that this also tests that selection direction doesn't matter.
- tableSelection._setCellSelection(
- modelRoot.getNodeByPath( [ 0, 1, 2 ] ),
- modelRoot.getNodeByPath( [ 0, 1, 1 ] )
- );
- } );
- it( 'should move to the cell on the left top of selection', () => {
- editor.editing.view.document.fire( 'keydown', leftArrowDomEvtDataStub );
- sinon.assert.calledOnce( leftArrowDomEvtDataStub.preventDefault );
- sinon.assert.calledOnce( leftArrowDomEvtDataStub.stopPropagation );
- assertEqualMarkup( getModelData( model ), modelTable( [
- [ '00', '01', '02', '03' ],
- [ '10[]', '11', '12', '13' ],
- [ '20', '21', '22', '23' ],
- [ '30', '31', '32', '33' ]
- ] ) );
- } );
- it( 'should move to the cell on the right bottom of selection', () => {
- editor.editing.view.document.fire( 'keydown', rightArrowDomEvtDataStub );
- sinon.assert.calledOnce( rightArrowDomEvtDataStub.preventDefault );
- sinon.assert.calledOnce( rightArrowDomEvtDataStub.stopPropagation );
- assertEqualMarkup( getModelData( model ), modelTable( [
- [ '00', '01', '02', '03' ],
- [ '10', '11', '12', '[]13' ],
- [ '20', '21', '22', '23' ],
- [ '30', '31', '32', '33' ]
- ] ) );
- } );
- it( 'should move to the cell above selection', () => {
- editor.editing.view.document.fire( 'keydown', upArrowDomEvtDataStub );
- sinon.assert.calledOnce( upArrowDomEvtDataStub.preventDefault );
- sinon.assert.calledOnce( upArrowDomEvtDataStub.stopPropagation );
- assertEqualMarkup( getModelData( model ), modelTable( [
- [ '00', '01[]', '02', '03' ],
- [ '10', '11', '12', '13' ],
- [ '20', '21', '22', '23' ],
- [ '30', '31', '32', '33' ]
- ] ) );
- } );
- it( 'should move to the cell below selection', () => {
- editor.editing.view.document.fire( 'keydown', downArrowDomEvtDataStub );
- sinon.assert.calledOnce( downArrowDomEvtDataStub.preventDefault );
- sinon.assert.calledOnce( downArrowDomEvtDataStub.stopPropagation );
- assertEqualMarkup( getModelData( model ), modelTable( [
- [ '00', '01', '02', '03' ],
- [ '10', '11', '12', '13' ],
- [ '20', '21', '[]22', '23' ],
- [ '30', '31', '32', '33' ]
- ] ) );
- } );
- } );
- describe( 'on multiple table cell selected diagonally', () => {
- beforeEach( () => {
- setModelData( model, modelTable( [
- [ '00', '01', '02', '03' ],
- [ '10', '11', '12', '13' ],
- [ '20', '21', '22', '23' ],
- [ '30', '31', '32', '33' ]
- ] ) );
- tableSelection._setCellSelection(
- modelRoot.getNodeByPath( [ 0, 1, 1 ] ),
- modelRoot.getNodeByPath( [ 0, 2, 2 ] )
- );
- } );
- it( 'should move to the cell on the left top of selection', () => {
- editor.editing.view.document.fire( 'keydown', leftArrowDomEvtDataStub );
- sinon.assert.calledOnce( leftArrowDomEvtDataStub.preventDefault );
- sinon.assert.calledOnce( leftArrowDomEvtDataStub.stopPropagation );
- assertEqualMarkup( getModelData( model ), modelTable( [
- [ '00', '01', '02', '03' ],
- [ '10[]', '11', '12', '13' ],
- [ '20', '21', '22', '23' ],
- [ '30', '31', '32', '33' ]
- ] ) );
- } );
- it( 'should move to the cell on the right bottom of selection', () => {
- editor.editing.view.document.fire( 'keydown', rightArrowDomEvtDataStub );
- sinon.assert.calledOnce( rightArrowDomEvtDataStub.preventDefault );
- sinon.assert.calledOnce( rightArrowDomEvtDataStub.stopPropagation );
- assertEqualMarkup( getModelData( model ), modelTable( [
- [ '00', '01', '02', '03' ],
- [ '10', '11', '12', '13' ],
- [ '20', '21', '22', '[]23' ],
- [ '30', '31', '32', '33' ]
- ] ) );
- } );
- it( 'should move to the cell above selection', () => {
- editor.editing.view.document.fire( 'keydown', upArrowDomEvtDataStub );
- sinon.assert.calledOnce( upArrowDomEvtDataStub.preventDefault );
- sinon.assert.calledOnce( upArrowDomEvtDataStub.stopPropagation );
- assertEqualMarkup( getModelData( model ), modelTable( [
- [ '00', '01[]', '02', '03' ],
- [ '10', '11', '12', '13' ],
- [ '20', '21', '22', '23' ],
- [ '30', '31', '32', '33' ]
- ] ) );
- } );
- it( 'should move to the cell below selection', () => {
- editor.editing.view.document.fire( 'keydown', downArrowDomEvtDataStub );
- sinon.assert.calledOnce( downArrowDomEvtDataStub.preventDefault );
- sinon.assert.calledOnce( downArrowDomEvtDataStub.stopPropagation );
- assertEqualMarkup( getModelData( model ), modelTable( [
- [ '00', '01', '02', '03' ],
- [ '10', '11', '12', '13' ],
- [ '20', '21', '22', '23' ],
- [ '30', '31', '[]32', '33' ]
- ] ) );
- } );
- } );
- } );
- describe( 'with selection inside a table cell', () => {
- describe( 'with selection at the edge of a cell', () => {
- describe( 'simple cell text content', () => {
- it( 'should navigate to the cell on the left', () => {
- setModelData( model, modelTable( [
- [ '00', '01', '02' ],
- [ '10', '[]11', '12' ],
- [ '20', '21', '22' ]
- ] ) );
- editor.editing.view.document.fire( 'keydown', leftArrowDomEvtDataStub );
- sinon.assert.calledOnce( leftArrowDomEvtDataStub.preventDefault );
- sinon.assert.calledOnce( leftArrowDomEvtDataStub.stopPropagation );
- assertEqualMarkup( getModelData( model ), modelTable( [
- [ '00', '01', '02' ],
- [ '10[]', '11', '12' ],
- [ '20', '21', '22' ]
- ] ) );
- } );
- it( 'should navigate to the cell on the right', () => {
- setModelData( model, modelTable( [
- [ '00', '01', '02' ],
- [ '10', '11[]', '12' ],
- [ '20', '21', '22' ]
- ] ) );
- editor.editing.view.document.fire( 'keydown', rightArrowDomEvtDataStub );
- sinon.assert.calledOnce( rightArrowDomEvtDataStub.preventDefault );
- sinon.assert.calledOnce( rightArrowDomEvtDataStub.stopPropagation );
- assertEqualMarkup( getModelData( model ), modelTable( [
- [ '00', '01', '02' ],
- [ '10', '11', '[]12' ],
- [ '20', '21', '22' ]
- ] ) );
- } );
- it( 'should navigate to the cell above', () => {
- setModelData( model, modelTable( [
- [ '00', '01', '02' ],
- [ '10', '[]11', '12' ],
- [ '20', '21', '22' ]
- ] ) );
- editor.editing.view.document.fire( 'keydown', upArrowDomEvtDataStub );
- sinon.assert.calledOnce( upArrowDomEvtDataStub.preventDefault );
- sinon.assert.calledOnce( upArrowDomEvtDataStub.stopPropagation );
- assertEqualMarkup( getModelData( model ), modelTable( [
- [ '00', '01[]', '02' ],
- [ '10', '11', '12' ],
- [ '20', '21', '22' ]
- ] ) );
- } );
- it( 'should navigate to the cell below', () => {
- setModelData( model, modelTable( [
- [ '00', '01', '02' ],
- [ '10', '11[]', '12' ],
- [ '20', '21', '22' ]
- ] ) );
- editor.editing.view.document.fire( 'keydown', downArrowDomEvtDataStub );
- sinon.assert.calledOnce( downArrowDomEvtDataStub.preventDefault );
- sinon.assert.calledOnce( downArrowDomEvtDataStub.stopPropagation );
- assertEqualMarkup( getModelData( model ), modelTable( [
- [ '00', '01', '02' ],
- [ '10', '11', '12' ],
- [ '20', '[]21', '22' ]
- ] ) );
- } );
- } );
- describe( 'multiple paragraphs in the cell content', () => {
- it( 'should navigate to the cell on the left', () => {
- setModelData( model, modelTable( [
- [ '00', '01', '02' ],
- [ '10', '<paragraph>[]11</paragraph><paragraph>x</paragraph>', '12' ],
- [ '20', '21', '22' ]
- ] ) );
- editor.editing.view.document.fire( 'keydown', leftArrowDomEvtDataStub );
- sinon.assert.calledOnce( leftArrowDomEvtDataStub.preventDefault );
- sinon.assert.calledOnce( leftArrowDomEvtDataStub.stopPropagation );
- assertEqualMarkup( getModelData( model ), modelTable( [
- [ '00', '01', '02' ],
- [ '10[]', '<paragraph>11</paragraph><paragraph>x</paragraph>', '12' ],
- [ '20', '21', '22' ]
- ] ) );
- } );
- it( 'should navigate to the cell on the right', () => {
- setModelData( model, modelTable( [
- [ '00', '01', '02' ],
- [ '10', '<paragraph>11</paragraph><paragraph>x[]</paragraph>', '12' ],
- [ '20', '21', '22' ]
- ] ) );
- editor.editing.view.document.fire( 'keydown', rightArrowDomEvtDataStub );
- sinon.assert.calledOnce( rightArrowDomEvtDataStub.preventDefault );
- sinon.assert.calledOnce( rightArrowDomEvtDataStub.stopPropagation );
- assertEqualMarkup( getModelData( model ), modelTable( [
- [ '00', '01', '02' ],
- [ '10', '<paragraph>11</paragraph><paragraph>x</paragraph>', '[]12' ],
- [ '20', '21', '22' ]
- ] ) );
- } );
- it( 'should navigate to the cell above', () => {
- setModelData( model, modelTable( [
- [ '00', '01', '02' ],
- [ '10', '<paragraph>[]11</paragraph><paragraph>x</paragraph>', '12' ],
- [ '20', '21', '22' ]
- ] ) );
- editor.editing.view.document.fire( 'keydown', upArrowDomEvtDataStub );
- sinon.assert.calledOnce( upArrowDomEvtDataStub.preventDefault );
- sinon.assert.calledOnce( upArrowDomEvtDataStub.stopPropagation );
- assertEqualMarkup( getModelData( model ), modelTable( [
- [ '00', '01[]', '02' ],
- [ '10', '<paragraph>11</paragraph><paragraph>x</paragraph>', '12' ],
- [ '20', '21', '22' ]
- ] ) );
- } );
- it( 'should navigate to the cell below', () => {
- setModelData( model, modelTable( [
- [ '00', '01', '02' ],
- [ '10', '<paragraph>11</paragraph><paragraph>x[]</paragraph>', '12' ],
- [ '20', '21', '22' ]
- ] ) );
- editor.editing.view.document.fire( 'keydown', downArrowDomEvtDataStub );
- sinon.assert.calledOnce( downArrowDomEvtDataStub.preventDefault );
- sinon.assert.calledOnce( downArrowDomEvtDataStub.stopPropagation );
- assertEqualMarkup( getModelData( model ), modelTable( [
- [ '00', '01', '02' ],
- [ '10', '<paragraph>11</paragraph><paragraph>x</paragraph>', '12' ],
- [ '20', '[]21', '22' ]
- ] ) );
- } );
- } );
- describe( 'image widget with caption as only cell content', () => {
- it( 'should navigate to the cell on the left', () => {
- setModelData( model, modelTable( [
- [ '00', '01', '02' ],
- [ '10', `<image src="${ imageUrl }"><caption>[]11</caption></image>`, '12' ],
- [ '20', '21', '22' ]
- ] ) );
- editor.editing.view.document.fire( 'keydown', leftArrowDomEvtDataStub );
- sinon.assert.calledOnce( leftArrowDomEvtDataStub.preventDefault );
- sinon.assert.calledOnce( leftArrowDomEvtDataStub.stopPropagation );
- assertEqualMarkup( getModelData( model ), modelTable( [
- [ '00', '01', '02' ],
- [ '10[]', `<image src="${ imageUrl }"><caption>11</caption></image>`, '12' ],
- [ '20', '21', '22' ]
- ] ) );
- } );
- it( 'should navigate to the cell on the right', () => {
- setModelData( model, modelTable( [
- [ '00', '01', '02' ],
- [ '10', `<image src="${ imageUrl }"><caption>11[]</caption></image>`, '12' ],
- [ '20', '21', '22' ]
- ] ) );
- editor.editing.view.document.fire( 'keydown', rightArrowDomEvtDataStub );
- sinon.assert.calledOnce( rightArrowDomEvtDataStub.preventDefault );
- sinon.assert.calledOnce( rightArrowDomEvtDataStub.stopPropagation );
- assertEqualMarkup( getModelData( model ), modelTable( [
- [ '00', '01', '02' ],
- [ '10', `<image src="${ imageUrl }"><caption>11</caption></image>`, '[]12' ],
- [ '20', '21', '22' ]
- ] ) );
- } );
- it( 'should navigate to the cell above', () => {
- setModelData( model, modelTable( [
- [ '00', '01', '02' ],
- [ '10', `<image src="${ imageUrl }"><caption>[]11</caption></image>`, '12' ],
- [ '20', '21', '22' ]
- ] ) );
- editor.editing.view.document.fire( 'keydown', upArrowDomEvtDataStub );
- sinon.assert.calledOnce( upArrowDomEvtDataStub.preventDefault );
- sinon.assert.calledOnce( upArrowDomEvtDataStub.stopPropagation );
- assertEqualMarkup( getModelData( model ), modelTable( [
- [ '00', '01[]', '02' ],
- [ '10', `<image src="${ imageUrl }"><caption>11</caption></image>`, '12' ],
- [ '20', '21', '22' ]
- ] ) );
- } );
- it( 'should navigate to the cell below', () => {
- setModelData( model, modelTable( [
- [ '00', '01', '02' ],
- [ '10', `<image src="${ imageUrl }"><caption>11[]</caption></image>`, '12' ],
- [ '20', '21', '22' ]
- ] ) );
- editor.editing.view.document.fire( 'keydown', downArrowDomEvtDataStub );
- sinon.assert.calledOnce( downArrowDomEvtDataStub.preventDefault );
- sinon.assert.calledOnce( downArrowDomEvtDataStub.stopPropagation );
- assertEqualMarkup( getModelData( model ), modelTable( [
- [ '00', '01', '02' ],
- [ '10', `<image src="${ imageUrl }"><caption>11</caption></image>`, '12' ],
- [ '20', '[]21', '22' ]
- ] ) );
- } );
- } );
- describe( 'horizontal line as only cell content (widget without $text positions)', () => {
- beforeEach( () => {
- setModelData( model, modelTable( [
- [ '00', '01', '02' ],
- [ '10', '[<horizontalLine></horizontalLine>]', '12' ],
- [ '20', '21', '22' ]
- ] ) );
- } );
- it( 'should navigate to the cell on the left', () => {
- editor.editing.view.document.fire( 'keydown', leftArrowDomEvtDataStub );
- sinon.assert.calledOnce( leftArrowDomEvtDataStub.preventDefault );
- sinon.assert.calledOnce( leftArrowDomEvtDataStub.stopPropagation );
- assertEqualMarkup( getModelData( model ), modelTable( [
- [ '00', '01', '02' ],
- [ '10[]', '<horizontalLine></horizontalLine>', '12' ],
- [ '20', '21', '22' ]
- ] ) );
- } );
- it( 'should navigate to the cell on the right', () => {
- editor.editing.view.document.fire( 'keydown', rightArrowDomEvtDataStub );
- sinon.assert.calledOnce( rightArrowDomEvtDataStub.preventDefault );
- sinon.assert.calledOnce( rightArrowDomEvtDataStub.stopPropagation );
- assertEqualMarkup( getModelData( model ), modelTable( [
- [ '00', '01', '02' ],
- [ '10', '<horizontalLine></horizontalLine>', '[]12' ],
- [ '20', '21', '22' ]
- ] ) );
- } );
- it( 'should navigate to the cell above', () => {
- editor.editing.view.document.fire( 'keydown', upArrowDomEvtDataStub );
- sinon.assert.calledOnce( upArrowDomEvtDataStub.preventDefault );
- sinon.assert.calledOnce( upArrowDomEvtDataStub.stopPropagation );
- assertEqualMarkup( getModelData( model ), modelTable( [
- [ '00', '01[]', '02' ],
- [ '10', '<horizontalLine></horizontalLine>', '12' ],
- [ '20', '21', '22' ]
- ] ) );
- } );
- it( 'should navigate to the cell below', () => {
- editor.editing.view.document.fire( 'keydown', downArrowDomEvtDataStub );
- sinon.assert.calledOnce( downArrowDomEvtDataStub.preventDefault );
- sinon.assert.calledOnce( downArrowDomEvtDataStub.stopPropagation );
- assertEqualMarkup( getModelData( model ), modelTable( [
- [ '00', '01', '02' ],
- [ '10', '<horizontalLine></horizontalLine>', '12' ],
- [ '20', '[]21', '22' ]
- ] ) );
- } );
- } );
- describe( 'two horizontal lines as only cell content (widget without $text positions)', () => {
- it( 'should navigate to the cell on the left', () => {
- setModelData( model, modelTable( [
- [ '00', '01', '02' ],
- [ '10', '[<horizontalLine></horizontalLine>]<horizontalLine></horizontalLine>', '12' ],
- [ '20', '21', '22' ]
- ] ) );
- editor.editing.view.document.fire( 'keydown', leftArrowDomEvtDataStub );
- sinon.assert.calledOnce( leftArrowDomEvtDataStub.preventDefault );
- sinon.assert.calledOnce( leftArrowDomEvtDataStub.stopPropagation );
- assertEqualMarkup( getModelData( model ), modelTable( [
- [ '00', '01', '02' ],
- [ '10[]', '<horizontalLine></horizontalLine><horizontalLine></horizontalLine>', '12' ],
- [ '20', '21', '22' ]
- ] ) );
- } );
- it( 'should navigate to the cell on the right', () => {
- setModelData( model, modelTable( [
- [ '00', '01', '02' ],
- [ '10', '<horizontalLine></horizontalLine>[<horizontalLine></horizontalLine>]', '12' ],
- [ '20', '21', '22' ]
- ] ) );
- editor.editing.view.document.fire( 'keydown', rightArrowDomEvtDataStub );
- sinon.assert.calledOnce( rightArrowDomEvtDataStub.preventDefault );
- sinon.assert.calledOnce( rightArrowDomEvtDataStub.stopPropagation );
- assertEqualMarkup( getModelData( model ), modelTable( [
- [ '00', '01', '02' ],
- [ '10', '<horizontalLine></horizontalLine><horizontalLine></horizontalLine>', '[]12' ],
- [ '20', '21', '22' ]
- ] ) );
- } );
- it( 'should navigate to the cell above', () => {
- setModelData( model, modelTable( [
- [ '00', '01', '02' ],
- [ '10', '[<horizontalLine></horizontalLine>]<horizontalLine></horizontalLine>', '12' ],
- [ '20', '21', '22' ]
- ] ) );
- editor.editing.view.document.fire( 'keydown', upArrowDomEvtDataStub );
- sinon.assert.calledOnce( upArrowDomEvtDataStub.preventDefault );
- sinon.assert.calledOnce( upArrowDomEvtDataStub.stopPropagation );
- assertEqualMarkup( getModelData( model ), modelTable( [
- [ '00', '01[]', '02' ],
- [ '10', '<horizontalLine></horizontalLine><horizontalLine></horizontalLine>', '12' ],
- [ '20', '21', '22' ]
- ] ) );
- } );
- it( 'should navigate to the cell below', () => {
- setModelData( model, modelTable( [
- [ '00', '01', '02' ],
- [ '10', '<horizontalLine></horizontalLine>[<horizontalLine></horizontalLine>]', '12' ],
- [ '20', '21', '22' ]
- ] ) );
- editor.editing.view.document.fire( 'keydown', downArrowDomEvtDataStub );
- sinon.assert.calledOnce( downArrowDomEvtDataStub.preventDefault );
- sinon.assert.calledOnce( downArrowDomEvtDataStub.stopPropagation );
- assertEqualMarkup( getModelData( model ), modelTable( [
- [ '00', '01', '02' ],
- [ '10', '<horizontalLine></horizontalLine><horizontalLine></horizontalLine>', '12' ],
- [ '20', '[]21', '22' ]
- ] ) );
- } );
- } );
- } );
- describe( 'with selection not at the edge of a cell', () => {
- let editorElement, editor, model, styleElement;
- beforeEach( async () => {
- editorElement = global.document.createElement( 'div' );
- global.document.body.appendChild( editorElement );
- editor = await ClassicTestEditor.create( editorElement, {
- plugins: [ Table, Paragraph, Image, ImageCaption, HorizontalLine ]
- } );
- model = editor.model;
- styleElement = global.document.createElement( 'style' );
- styleElement.type = 'text/css';
- styleElement.appendChild( global.document.createTextNode(
- `
- * {
- font-size: 12px !important;
- font-family: serif !important;
- margin: 0 !important;
- padding: 0 !important;
- border: 0 !important
- }
- td { width: 30px !important; }
- tr:nth-child(2) td:nth-child(2) { width: 300px !important; }
- `
- ) );
- global.document.querySelector( 'head' ).appendChild( styleElement );
- } );
- afterEach( async () => {
- editorElement.remove();
- styleElement.remove();
- await editor.destroy();
- } );
- describe( 'simple cell text content', () => {
- it( 'should not navigate to the cell on the left', () => {
- setModelData( model, modelTable( [
- [ '00', '01', '02' ],
- [ '10', '1[]1', '12' ],
- [ '20', '21', '22' ]
- ] ) );
- editor.editing.view.document.fire( 'keydown', leftArrowDomEvtDataStub );
- sinon.assert.notCalled( leftArrowDomEvtDataStub.preventDefault );
- sinon.assert.notCalled( leftArrowDomEvtDataStub.stopPropagation );
- } );
- it( 'should not navigate to the cell on the right', () => {
- setModelData( model, modelTable( [
- [ '00', '01', '02' ],
- [ '10', '1[]1', '12' ],
- [ '20', '21', '22' ]
- ] ) );
- editor.editing.view.document.fire( 'keydown', rightArrowDomEvtDataStub );
- sinon.assert.notCalled( rightArrowDomEvtDataStub.preventDefault );
- sinon.assert.notCalled( rightArrowDomEvtDataStub.stopPropagation );
- } );
- it( 'should not navigate to the cell above', () => {
- setModelData( model, modelTable( [
- [ '00', '01', '02' ],
- [ '10', '1[]1', '12' ],
- [ '20', '21', '22' ]
- ] ) );
- editor.editing.view.document.fire( 'keydown', upArrowDomEvtDataStub );
- sinon.assert.calledOnce( upArrowDomEvtDataStub.preventDefault );
- sinon.assert.calledOnce( upArrowDomEvtDataStub.stopPropagation );
- assertEqualMarkup( getModelData( model ), modelTable( [
- [ '00', '01', '02' ],
- [ '10', '[]11', '12' ],
- [ '20', '21', '22' ]
- ] ) );
- } );
- it( 'should not navigate to the cell below', () => {
- setModelData( model, modelTable( [
- [ '00', '01', '02' ],
- [ '10', '1[]1', '12' ],
- [ '20', '21', '22' ]
- ] ) );
- editor.editing.view.document.fire( 'keydown', downArrowDomEvtDataStub );
- sinon.assert.calledOnce( downArrowDomEvtDataStub.preventDefault );
- sinon.assert.calledOnce( downArrowDomEvtDataStub.stopPropagation );
- assertEqualMarkup( getModelData( model ), modelTable( [
- [ '00', '01', '02' ],
- [ '10', '11[]', '12' ],
- [ '20', '21', '22' ]
- ] ) );
- } );
- } );
- describe( 'selection inside paragraph', () => {
- const text = new Array( 20 ).fill( 0 ).map( () => 'word' ).join( ' ' );
- it( 'should not navigate if caret is in the middle line of a text', () => {
- setModelData( model, modelTable( [
- [ '00', '01', '02' ],
- [ '10', text + '[] ' + text, '12' ],
- [ '20', '21', '22' ]
- ] ) );
- editor.editing.view.document.fire( 'keydown', upArrowDomEvtDataStub );
- sinon.assert.notCalled( upArrowDomEvtDataStub.preventDefault );
- sinon.assert.notCalled( upArrowDomEvtDataStub.stopPropagation );
- } );
- it( 'should move caret to beginning of cell content if caret is in the first line of a text', () => {
- setModelData( model, modelTable( [
- [ '00', '01', '02' ],
- [ '10', 'word[] word' + text, '12' ],
- [ '20', '21', '22' ]
- ] ) );
- editor.editing.view.document.fire( 'keydown', upArrowDomEvtDataStub );
- sinon.assert.calledOnce( upArrowDomEvtDataStub.preventDefault );
- sinon.assert.calledOnce( upArrowDomEvtDataStub.stopPropagation );
- assertEqualMarkup( getModelData( model ), modelTable( [
- [ '00', '01', '02' ],
- [ '10', '[]word word' + text, '12' ],
- [ '20', '21', '22' ]
- ] ) );
- } );
- it( 'should move caret to end of cell content if caret is in the last line of a text', () => {
- setModelData( model, modelTable( [
- [ '00', '01', '02' ],
- [ '10', text + 'word[] word', '12' ],
- [ '20', '21', '22' ]
- ] ) );
- editor.editing.view.document.fire( 'keydown', downArrowDomEvtDataStub );
- sinon.assert.calledOnce( downArrowDomEvtDataStub.preventDefault );
- sinon.assert.calledOnce( downArrowDomEvtDataStub.stopPropagation );
- assertEqualMarkup( getModelData( model ), modelTable( [
- [ '00', '01', '02' ],
- [ '10', text + 'word word[]', '12' ],
- [ '20', '21', '22' ]
- ] ) );
- } );
- } );
- describe( 'with selection in the wrap area', () => {
- const text = new Array( 10 ).fill( 0 ).map( () => 'word' ).join( ' ' );
- it( 'should move caret to end if caret is after the last space in the line next to the last one', () => {
- // This is also first position in the last line.
- setModelData( model, modelTable( [
- [ '00', '01', '02' ],
- [ '10', text + ' []word word word', '12' ],
- [ '20', '21', '22' ]
- ] ) );
- editor.editing.view.document.fire( 'keydown', downArrowDomEvtDataStub );
- sinon.assert.calledOnce( downArrowDomEvtDataStub.preventDefault );
- sinon.assert.calledOnce( downArrowDomEvtDataStub.stopPropagation );
- assertEqualMarkup( getModelData( model ), modelTable( [
- [ '00', '01', '02' ],
- [ '10', text + ' word word word[]', '12' ],
- [ '20', '21', '22' ]
- ] ) );
- } );
- it( 'should move caret to end if caret is at the last space in the line next to last one', () => {
- setModelData( model, modelTable( [
- [ '00', '01', '02' ],
- [ '10', text + '[] word word word', '12' ],
- [ '20', '21', '22' ]
- ] ) );
- editor.editing.view.document.fire( 'keydown', downArrowDomEvtDataStub );
- sinon.assert.calledOnce( downArrowDomEvtDataStub.preventDefault );
- sinon.assert.calledOnce( downArrowDomEvtDataStub.stopPropagation );
- assertEqualMarkup( getModelData( model ), modelTable( [
- [ '00', '01', '02' ],
- [ '10', text + ' word word word[]', '12' ],
- [ '20', '21', '22' ]
- ] ) );
- } );
- it( 'should not move caret if it\'s just before the last space in the line next to last one', () => {
- setModelData( model, modelTable( [
- [ '00', '01', '02' ],
- [ '10', text.substring( 0, text.length - 1 ) + '[]d word word word', '12' ],
- [ '20', '21', '22' ]
- ] ) );
- editor.editing.view.document.fire( 'keydown', downArrowDomEvtDataStub );
- sinon.assert.notCalled( downArrowDomEvtDataStub.preventDefault );
- sinon.assert.notCalled( downArrowDomEvtDataStub.stopPropagation );
- } );
- } );
- describe( 'with multiple paragraphs of text', () => {
- const text = new Array( 100 ).fill( 0 ).map( () => 'word' ).join( ' ' );
- it( 'should not navigate if caret is in the middle line of a text', () => {
- setModelData( model, modelTable( [
- [ '00', '01', '02' ],
- [ '10', `<paragraph>${ text }[]${ text }</paragraph><paragraph>foobar</paragraph>`, '12' ],
- [ '20', '21', '22' ]
- ] ) );
- editor.editing.view.document.fire( 'keydown', upArrowDomEvtDataStub );
- sinon.assert.notCalled( upArrowDomEvtDataStub.preventDefault );
- sinon.assert.notCalled( upArrowDomEvtDataStub.stopPropagation );
- } );
- it( 'should move caret to beginning of cell content if caret is in the first line of a text', () => {
- setModelData( model, modelTable( [
- [ '00', '01', '02' ],
- [ '10', `<paragraph>word[]${ text }</paragraph><paragraph>foobar</paragraph>`, '12' ],
- [ '20', '21', '22' ]
- ] ) );
- editor.editing.view.document.fire( 'keydown', upArrowDomEvtDataStub );
- sinon.assert.calledOnce( upArrowDomEvtDataStub.preventDefault );
- sinon.assert.calledOnce( upArrowDomEvtDataStub.stopPropagation );
- assertEqualMarkup( getModelData( model ), modelTable( [
- [ '00', '01', '02' ],
- [ '10', `<paragraph>[]word${ text }</paragraph><paragraph>foobar</paragraph>`, '12' ],
- [ '20', '21', '22' ]
- ] ) );
- } );
- it( 'should not move caret to end of cell content if caret is not last line of text', () => {
- setModelData( model, modelTable( [
- [ '00', '01', '02' ],
- [ '10', `<paragraph>${ text }word []word</paragraph><paragraph>foobar</paragraph>`, '12' ],
- [ '20', '21', '22' ]
- ] ) );
- editor.editing.view.document.fire( 'keydown', downArrowDomEvtDataStub );
- sinon.assert.notCalled( downArrowDomEvtDataStub.preventDefault );
- sinon.assert.notCalled( downArrowDomEvtDataStub.stopPropagation );
- } );
- it( 'should move caret to end of cell content if caret is in the last line of a text', () => {
- setModelData( model, modelTable( [
- [ '00', '01', '02' ],
- [ '10', `<paragraph>foobar</paragraph><paragraph>${ text }word []word</paragraph>`, '12' ],
- [ '20', '21', '22' ]
- ] ) );
- editor.editing.view.document.fire( 'keydown', downArrowDomEvtDataStub );
- sinon.assert.calledOnce( downArrowDomEvtDataStub.preventDefault );
- sinon.assert.calledOnce( downArrowDomEvtDataStub.stopPropagation );
- assertEqualMarkup( getModelData( model ), modelTable( [
- [ '00', '01', '02' ],
- [ '10', `<paragraph>foobar</paragraph><paragraph>${ text }word word[]</paragraph>`, '12' ],
- [ '20', '21', '22' ]
- ] ) );
- } );
- } );
- describe( 'with horizontal line widget', () => {
- const text = new Array( 100 ).fill( 0 ).map( () => 'word' ).join( ' ' );
- it( 'should not navigate if caret is in the middle line of a text', () => {
- setModelData( model, modelTable( [
- [ '00', '01', '02' ],
- [ '10', `<horizontalLine></horizontalLine><paragraph>${ text }[]${ text }</paragraph>`, '12' ],
- [ '20', '21', '22' ]
- ] ) );
- editor.editing.view.document.fire( 'keydown', upArrowDomEvtDataStub );
- sinon.assert.notCalled( upArrowDomEvtDataStub.preventDefault );
- sinon.assert.notCalled( upArrowDomEvtDataStub.stopPropagation );
- } );
- it( 'should move caret to beginning of cell content if caret is in the first line of a text', () => {
- setModelData( model, modelTable( [
- [ '00', '01', '02' ],
- [ '10', `<horizontalLine></horizontalLine><paragraph>word[] ${ text }</paragraph>`, '12' ],
- [ '20', '21', '22' ]
- ] ) );
- editor.editing.view.document.fire( 'keydown', upArrowDomEvtDataStub );
- sinon.assert.calledOnce( upArrowDomEvtDataStub.preventDefault );
- sinon.assert.calledOnce( upArrowDomEvtDataStub.stopPropagation );
- assertEqualMarkup( getModelData( model ), modelTable( [
- [ '00', '01', '02' ],
- [ '10', `[<horizontalLine></horizontalLine>]<paragraph>word ${ text }</paragraph>`, '12' ],
- [ '20', '21', '22' ]
- ] ) );
- } );
- it( 'should move caret to end of cell content if caret is in the last line of a text', () => {
- setModelData( model, modelTable( [
- [ '00', '01', '02' ],
- [ '10', `<paragraph>${ text } word []word</paragraph><horizontalLine></horizontalLine>`, '12' ],
- [ '20', '21', '22' ]
- ] ) );
- editor.editing.view.document.fire( 'keydown', downArrowDomEvtDataStub );
- sinon.assert.calledOnce( downArrowDomEvtDataStub.preventDefault );
- sinon.assert.calledOnce( downArrowDomEvtDataStub.stopPropagation );
- assertEqualMarkup( getModelData( model ), modelTable( [
- [ '00', '01', '02' ],
- [ '10', `<paragraph>${ text } word word</paragraph>[<horizontalLine></horizontalLine>]`, '12' ],
- [ '20', '21', '22' ]
- ] ) );
- } );
- it( 'should not move caret to end of cell content if widget is selected in middle of cell content', () => {
- const paragraph = `<paragraph>${ text }</paragraph>`;
- const hr = '<horizontalLine></horizontalLine>';
- setModelData( model, modelTable( [
- [ '00', '01', '02' ],
- [ '10', `${ paragraph }[${ hr }]${ paragraph }${ hr }`, '12' ],
- [ '20', '21', '22' ]
- ] ) );
- editor.editing.view.document.fire( 'keydown', downArrowDomEvtDataStub );
- assertEqualMarkup( getModelData( model ), modelTable( [
- [ '00', '01', '02' ],
- [ '10', `${ paragraph }${ hr }<paragraph>[]${ text }</paragraph>${ hr }`, '12' ],
- [ '20', '21', '22' ]
- ] ) );
- } );
- it( 'should not move caret to end of cell content if widget is next to selection', () => {
- const paragraph = `<paragraph>${ text }</paragraph>`;
- const hr = '<horizontalLine></horizontalLine>';
- setModelData( model, modelTable( [
- [ '00', '01', '02' ],
- [ '10', `${ paragraph }[]${ hr }`, '12' ],
- [ '20', '21', '22' ]
- ] ) );
- editor.editing.view.document.fire( 'keydown', downArrowDomEvtDataStub );
- assertEqualMarkup( getModelData( model ), modelTable( [
- [ '00', '01', '02' ],
- [ '10', `${ paragraph }[${ hr }]`, '12' ],
- [ '20', '21', '22' ]
- ] ) );
- } );
- } );
- describe( 'contains image widget with caption and selection inside the caption', () => {
- it( 'should not navigate to the cell on the left', () => {
- setModelData( model, modelTable( [
- [ '00', '01', '02' ],
- [ '10', `<paragraph>foo</paragraph><image src="${ imageUrl }"><caption>[]11</caption></image>`, '12' ],
- [ '20', '21', '22' ]
- ] ) );
- editor.editing.view.document.fire( 'keydown', leftArrowDomEvtDataStub );
- sinon.assert.notCalled( leftArrowDomEvtDataStub.preventDefault );
- sinon.assert.notCalled( leftArrowDomEvtDataStub.stopPropagation );
- } );
- it( 'should not navigate to the cell on the right', () => {
- setModelData( model, modelTable( [
- [ '00', '01', '02' ],
- [ '10', `<image src="${ imageUrl }"><caption>11[]</caption></image><paragraph>foo</paragraph>`, '12' ],
- [ '20', '21', '22' ]
- ] ) );
- editor.editing.view.document.fire( 'keydown', rightArrowDomEvtDataStub );
- sinon.assert.notCalled( rightArrowDomEvtDataStub.preventDefault );
- sinon.assert.notCalled( rightArrowDomEvtDataStub.stopPropagation );
- } );
- it( 'should not navigate to the cell above', () => {
- setModelData( model, modelTable( [
- [ '00', '01', '02' ],
- [ '10', `<paragraph>foo</paragraph><image src="${ imageUrl }"><caption>1[]1</caption></image>`, '12' ],
- [ '20', '21', '22' ]
- ] ) );
- editor.editing.view.document.fire( 'keydown', upArrowDomEvtDataStub );
- sinon.assert.notCalled( upArrowDomEvtDataStub.preventDefault );
- sinon.assert.notCalled( upArrowDomEvtDataStub.stopPropagation );
- } );
- it( 'should not navigate to the cell above but should select image widget', () => {
- setModelData( model, modelTable( [
- [ '00', '01', '02' ],
- [ '10', `<image src="${ imageUrl }"><caption>1[]1</caption></image><paragraph>foo</paragraph>`, '12' ],
- [ '20', '21', '22' ]
- ] ) );
- editor.editing.view.document.fire( 'keydown', upArrowDomEvtDataStub );
- sinon.assert.calledOnce( upArrowDomEvtDataStub.preventDefault );
- sinon.assert.calledOnce( upArrowDomEvtDataStub.stopPropagation );
- assertEqualMarkup( getModelData( model ), modelTable( [
- [ '00', '01', '02' ],
- [ '10', `[<image src="${ imageUrl }"><caption>11</caption></image>]<paragraph>foo</paragraph>`, '12' ],
- [ '20', '21', '22' ]
- ] ) );
- } );
- it( 'should not navigate to the cell below when followed by paragraph', () => {
- setModelData( model, modelTable( [
- [ '00', '01', '02' ],
- [ '10', `<image src="${ imageUrl }"><caption>1[]1</caption></image><paragraph>foo</paragraph>`, '12' ],
- [ '20', '21', '22' ]
- ] ) );
- editor.editing.view.document.fire( 'keydown', downArrowDomEvtDataStub );
- sinon.assert.notCalled( downArrowDomEvtDataStub.preventDefault );
- sinon.assert.notCalled( downArrowDomEvtDataStub.stopPropagation );
- } );
- it( 'should not navigate to the cell below but should select image widget', () => {
- setModelData( model, modelTable( [
- [ '00', '01', '02' ],
- [ '10', `<paragraph>foo</paragraph><image src="${ imageUrl }"><caption>1[]1</caption></image>`, '12' ],
- [ '20', '21', '22' ]
- ] ) );
- editor.editing.view.document.fire( 'keydown', downArrowDomEvtDataStub );
- sinon.assert.calledOnce( downArrowDomEvtDataStub.preventDefault );
- sinon.assert.calledOnce( downArrowDomEvtDataStub.stopPropagation );
- assertEqualMarkup( getModelData( model ), modelTable( [
- [ '00', '01', '02' ],
- [ '10', `<paragraph>foo</paragraph>[<image src="${ imageUrl }"><caption>11</caption></image>]`, '12' ],
- [ '20', '21', '22' ]
- ] ) );
- } );
- it( 'should not navigate to the cell above but should select image widget without caption', () => {
- setModelData( model, modelTable( [
- [ '00', '01', '02' ],
- [ '10', `<image src="${ imageUrl }"><caption></caption></image><paragraph>f[]oo</paragraph>`, '12' ],
- [ '20', '21', '22' ]
- ] ) );
- editor.editing.view.document.fire( 'keydown', upArrowDomEvtDataStub );
- sinon.assert.calledOnce( upArrowDomEvtDataStub.preventDefault );
- sinon.assert.calledOnce( upArrowDomEvtDataStub.stopPropagation );
- assertEqualMarkup( getModelData( model ), modelTable( [
- [ '00', '01', '02' ],
- [ '10', `[<image src="${ imageUrl }"><caption></caption></image>]<paragraph>foo</paragraph>`, '12' ],
- [ '20', '21', '22' ]
- ] ) );
- } );
- it( 'should not navigate to the cell below but should select image widget without caption', () => {
- setModelData( model, modelTable( [
- [ '00', '01', '02' ],
- [ '10', `<paragraph>f[]oo</paragraph><image src="${ imageUrl }"><caption></caption></image>`, '12' ],
- [ '20', '21', '22' ]
- ] ) );
- editor.editing.view.document.fire( 'keydown', downArrowDomEvtDataStub );
- sinon.assert.calledOnce( downArrowDomEvtDataStub.preventDefault );
- sinon.assert.calledOnce( downArrowDomEvtDataStub.stopPropagation );
- assertEqualMarkup( getModelData( model ), modelTable( [
- [ '00', '01', '02' ],
- [ '10', `<paragraph>foo</paragraph>[<image src="${ imageUrl }"><caption></caption></image>]`, '12' ],
- [ '20', '21', '22' ]
- ] ) );
- } );
- } );
- } );
- } );
- describe( 'for right-to-left content language', () => {
- beforeEach( () => {
- return VirtualTestEditor
- .create( {
- plugins: [ TableEditing, TableNavigation, TableSelection, Paragraph, ImageEditing, MediaEmbedEditing ],
- language: 'ar'
- } )
- .then( newEditor => {
- editor = newEditor;
- model = editor.model;
- modelRoot = model.document.getRoot();
- tableSelection = editor.plugins.get( TableSelection );
- } );
- } );
- describe( 'with the table cell selected from outside', () => {
- beforeEach( () => {
- setModelData( model, modelTable( [
- [ '00', '01', '02' ],
- [ '10', '11', '12' ],
- [ '20', '21', '22' ]
- ] ) );
- tableSelection._setCellSelection(
- modelRoot.getNodeByPath( [ 0, 1, 1 ] ),
- modelRoot.getNodeByPath( [ 0, 1, 1 ] )
- );
- } );
- it( 'should move to the cell on the right (it\'s visually flipped by browser)', () => {
- editor.editing.view.document.fire( 'keydown', leftArrowDomEvtDataStub );
- sinon.assert.calledOnce( leftArrowDomEvtDataStub.preventDefault );
- sinon.assert.calledOnce( leftArrowDomEvtDataStub.stopPropagation );
- assertEqualMarkup( getModelData( model ), modelTable( [
- [ '00', '01', '02' ],
- [ '10', '11', '[]12' ],
- [ '20', '21', '22' ]
- ] ) );
- } );
- it( 'should move to the cell on the left (it\'s visually flipped by browser)', () => {
- editor.editing.view.document.fire( 'keydown', rightArrowDomEvtDataStub );
- sinon.assert.calledOnce( rightArrowDomEvtDataStub.preventDefault );
- sinon.assert.calledOnce( rightArrowDomEvtDataStub.stopPropagation );
- assertEqualMarkup( getModelData( model ), modelTable( [
- [ '00', '01', '02' ],
- [ '10[]', '11', '12' ],
- [ '20', '21', '22' ]
- ] ) );
- } );
- it( 'should move to the cell above selection', () => {
- editor.editing.view.document.fire( 'keydown', upArrowDomEvtDataStub );
- sinon.assert.calledOnce( upArrowDomEvtDataStub.preventDefault );
- sinon.assert.calledOnce( upArrowDomEvtDataStub.stopPropagation );
- assertEqualMarkup( getModelData( model ), modelTable( [
- [ '00', '01[]', '02' ],
- [ '10', '11', '12' ],
- [ '20', '21', '22' ]
- ] ) );
- } );
- it( 'should move to the cell below selection', () => {
- editor.editing.view.document.fire( 'keydown', downArrowDomEvtDataStub );
- sinon.assert.calledOnce( downArrowDomEvtDataStub.preventDefault );
- sinon.assert.calledOnce( downArrowDomEvtDataStub.stopPropagation );
- assertEqualMarkup( getModelData( model ), modelTable( [
- [ '00', '01', '02' ],
- [ '10', '11', '12' ],
- [ '20', '[]21', '22' ]
- ] ) );
- } );
- } );
- } );
- } );
- } );
|