mirror of
https://github.com/TriliumNext/Notes.git
synced 2025-08-19 00:42:29 +08:00
831 lines
24 KiB
JavaScript
831 lines
24 KiB
JavaScript
/**
|
|
* @license Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
|
|
* For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
|
|
*/
|
|
|
|
/* global document */
|
|
|
|
import BlockQuote from '../src/blockquote.js';
|
|
import Paragraph from '@ckeditor/ckeditor5-paragraph/src/paragraph.js';
|
|
import Image from '@ckeditor/ckeditor5-image/src/image.js';
|
|
import ImageCaption from '@ckeditor/ckeditor5-image/src/imagecaption.js';
|
|
import LegacyList from '@ckeditor/ckeditor5-list/src/legacylist.js';
|
|
import Enter from '@ckeditor/ckeditor5-enter/src/enter.js';
|
|
import Delete from '@ckeditor/ckeditor5-typing/src/delete.js';
|
|
import Heading from '@ckeditor/ckeditor5-heading/src/heading.js';
|
|
import Bold from '@ckeditor/ckeditor5-basic-styles/src/bold.js';
|
|
import Table from '@ckeditor/ckeditor5-table/src/table.js';
|
|
|
|
import ClassicTestEditor from '@ckeditor/ckeditor5-core/tests/_utils/classictesteditor.js';
|
|
import {
|
|
parse as parseModel,
|
|
getData as getModelData,
|
|
setData as setModelData
|
|
} from '@ckeditor/ckeditor5-engine/src/dev-utils/model.js';
|
|
|
|
describe( 'BlockQuote integration', () => {
|
|
let editor, model, element, viewDocument;
|
|
|
|
beforeEach( () => {
|
|
element = document.createElement( 'div' );
|
|
document.body.appendChild( element );
|
|
|
|
return ClassicTestEditor
|
|
.create( element, {
|
|
plugins: [ BlockQuote, Paragraph, Bold, Image, ImageCaption, LegacyList, Enter, Delete, Heading, Table ]
|
|
} )
|
|
.then( newEditor => {
|
|
editor = newEditor;
|
|
model = editor.model;
|
|
viewDocument = editor.editing.view.document;
|
|
} );
|
|
} );
|
|
|
|
afterEach( () => {
|
|
element.remove();
|
|
|
|
return editor.destroy();
|
|
} );
|
|
|
|
describe( 'enter key support', () => {
|
|
function fakeEventData() {
|
|
return {
|
|
preventDefault: sinon.spy()
|
|
};
|
|
}
|
|
|
|
it( 'does nothing if selection is in an empty block but not in a block quote', () => {
|
|
const data = fakeEventData();
|
|
const execSpy = sinon.spy( editor, 'execute' );
|
|
|
|
setModelData( model, '<paragraph>x</paragraph><paragraph>[]</paragraph><paragraph>x</paragraph>' );
|
|
|
|
viewDocument.fire( 'enter', data );
|
|
|
|
// Only enter command should be executed.
|
|
expect( data.preventDefault.called ).to.be.true;
|
|
expect( execSpy.calledOnce ).to.be.true;
|
|
expect( execSpy.args[ 0 ][ 0 ] ).to.equal( 'enter' );
|
|
} );
|
|
|
|
it( 'does nothing if selection is in a non-empty block (at the end) in a block quote', () => {
|
|
const data = fakeEventData();
|
|
const execSpy = sinon.spy( editor, 'execute' );
|
|
|
|
setModelData( model, '<blockQuote><paragraph>xx[]</paragraph></blockQuote>' );
|
|
|
|
viewDocument.fire( 'enter', data );
|
|
|
|
// Only enter command should be executed.
|
|
expect( data.preventDefault.called ).to.be.true;
|
|
expect( execSpy.calledOnce ).to.be.true;
|
|
expect( execSpy.args[ 0 ][ 0 ] ).to.equal( 'enter' );
|
|
} );
|
|
|
|
it( 'does nothing if selection is in a non-empty block (at the beginning) in a block quote', () => {
|
|
const data = fakeEventData();
|
|
const execSpy = sinon.spy( editor, 'execute' );
|
|
|
|
setModelData( model, '<blockQuote><paragraph>[]xx</paragraph></blockQuote>' );
|
|
|
|
viewDocument.fire( 'enter', data );
|
|
|
|
// Only enter command should be executed.
|
|
expect( data.preventDefault.called ).to.be.true;
|
|
expect( execSpy.calledOnce ).to.be.true;
|
|
expect( execSpy.args[ 0 ][ 0 ] ).to.equal( 'enter' );
|
|
} );
|
|
|
|
it( 'does nothing if selection is not collapsed', () => {
|
|
const data = fakeEventData();
|
|
const execSpy = sinon.spy( editor, 'execute' );
|
|
|
|
setModelData( model, '<blockQuote><paragraph>[</paragraph><paragraph>]</paragraph></blockQuote>' );
|
|
|
|
viewDocument.fire( 'enter', data );
|
|
|
|
// Only enter command should be executed.
|
|
expect( data.preventDefault.called ).to.be.true;
|
|
expect( execSpy.calledOnce ).to.be.true;
|
|
expect( execSpy.args[ 0 ][ 0 ] ).to.equal( 'enter' );
|
|
} );
|
|
|
|
it( 'does not interfere with a similar handler in the list feature', () => {
|
|
const data = fakeEventData();
|
|
|
|
setModelData( model,
|
|
'<paragraph>x</paragraph>' +
|
|
'<blockQuote>' +
|
|
'<listItem listIndent="0" listType="bulleted">a</listItem>' +
|
|
'<listItem listIndent="0" listType="bulleted">[]</listItem>' +
|
|
'</blockQuote>' +
|
|
'<paragraph>x</paragraph>'
|
|
);
|
|
|
|
viewDocument.fire( 'enter', data );
|
|
|
|
expect( data.preventDefault.called ).to.be.true;
|
|
|
|
expect( getModelData( model ) ).to.equal(
|
|
'<paragraph>x</paragraph>' +
|
|
'<blockQuote>' +
|
|
'<listItem listIndent="0" listType="bulleted">a</listItem>' +
|
|
'<paragraph>[]</paragraph>' +
|
|
'</blockQuote>' +
|
|
'<paragraph>x</paragraph>'
|
|
);
|
|
} );
|
|
|
|
it( 'escapes block quote if selection is in an empty block in an empty block quote', () => {
|
|
const data = fakeEventData();
|
|
const execSpy = sinon.spy( editor, 'execute' );
|
|
|
|
setModelData( model, '<paragraph>x</paragraph><blockQuote><paragraph>[]</paragraph></blockQuote><paragraph>x</paragraph>' );
|
|
|
|
viewDocument.fire( 'enter', data );
|
|
|
|
expect( data.preventDefault.called ).to.be.true;
|
|
expect( execSpy.calledOnce ).to.be.true;
|
|
expect( execSpy.args[ 0 ][ 0 ] ).to.equal( 'blockQuote' );
|
|
|
|
expect( getModelData( model ) ).to.equal( '<paragraph>x</paragraph><paragraph>[]</paragraph><paragraph>x</paragraph>' );
|
|
} );
|
|
|
|
it( 'escapes block quote if selection is in an empty block in the middle of a block quote', () => {
|
|
const data = fakeEventData();
|
|
const execSpy = sinon.spy( editor, 'execute' );
|
|
|
|
setModelData( model,
|
|
'<paragraph>x</paragraph>' +
|
|
'<blockQuote><paragraph>a</paragraph><paragraph>[]</paragraph><paragraph>b</paragraph></blockQuote>' +
|
|
'<paragraph>x</paragraph>'
|
|
);
|
|
|
|
viewDocument.fire( 'enter', data );
|
|
|
|
expect( data.preventDefault.called ).to.be.true;
|
|
expect( execSpy.calledOnce ).to.be.true;
|
|
expect( execSpy.args[ 0 ][ 0 ] ).to.equal( 'blockQuote' );
|
|
|
|
expect( getModelData( model ) ).to.equal(
|
|
'<paragraph>x</paragraph>' +
|
|
'<blockQuote><paragraph>a</paragraph></blockQuote>' +
|
|
'<paragraph>[]</paragraph>' +
|
|
'<blockQuote><paragraph>b</paragraph></blockQuote>' +
|
|
'<paragraph>x</paragraph>'
|
|
);
|
|
} );
|
|
|
|
it( 'escapes block quote if selection is in an empty block at the end of a block quote', () => {
|
|
const data = fakeEventData();
|
|
const execSpy = sinon.spy( editor, 'execute' );
|
|
|
|
setModelData( model,
|
|
'<paragraph>x</paragraph>' +
|
|
'<blockQuote><paragraph>a</paragraph><paragraph>[]</paragraph></blockQuote>' +
|
|
'<paragraph>x</paragraph>'
|
|
);
|
|
|
|
viewDocument.fire( 'enter', data );
|
|
|
|
expect( data.preventDefault.called ).to.be.true;
|
|
expect( execSpy.calledOnce ).to.be.true;
|
|
expect( execSpy.args[ 0 ][ 0 ] ).to.equal( 'blockQuote' );
|
|
|
|
expect( getModelData( model ) ).to.equal(
|
|
'<paragraph>x</paragraph>' +
|
|
'<blockQuote><paragraph>a</paragraph></blockQuote>' +
|
|
'<paragraph>[]</paragraph>' +
|
|
'<paragraph>x</paragraph>'
|
|
);
|
|
} );
|
|
|
|
it( 'scrolls the view document to the selection after the command is executed', () => {
|
|
const data = fakeEventData();
|
|
const execSpy = sinon.spy( editor, 'execute' );
|
|
const scrollSpy = sinon.stub( editor.editing.view, 'scrollToTheSelection' );
|
|
|
|
setModelData( model,
|
|
'<paragraph>x</paragraph>' +
|
|
'<blockQuote><paragraph>a</paragraph><paragraph>[]</paragraph></blockQuote>' +
|
|
'<paragraph>x</paragraph>'
|
|
);
|
|
|
|
viewDocument.fire( 'enter', data );
|
|
|
|
sinon.assert.calledOnce( scrollSpy );
|
|
sinon.assert.callOrder( execSpy, scrollSpy );
|
|
} );
|
|
} );
|
|
|
|
describe( 'backspace key support', () => {
|
|
function fakeEventData() {
|
|
return {
|
|
preventDefault: sinon.spy(),
|
|
direction: 'backward',
|
|
inputType: 'deleteContentBackward',
|
|
unit: 'character'
|
|
};
|
|
}
|
|
|
|
it( 'merges paragraph into paragraph in the quote', () => {
|
|
const data = fakeEventData();
|
|
|
|
setModelData( model,
|
|
'<blockQuote><paragraph>a</paragraph><paragraph>b</paragraph></blockQuote>' +
|
|
'<paragraph>[]c</paragraph>' +
|
|
'<paragraph>d</paragraph>'
|
|
);
|
|
|
|
viewDocument.fire( 'delete', data );
|
|
|
|
expect( getModelData( model ) ).to.equal(
|
|
'<blockQuote><paragraph>a</paragraph><paragraph>b[]c</paragraph></blockQuote>' +
|
|
'<paragraph>d</paragraph>'
|
|
);
|
|
} );
|
|
|
|
it( 'merges paragraph from a quote into a paragraph before quote', () => {
|
|
const data = fakeEventData();
|
|
|
|
setModelData( model,
|
|
'<paragraph>x</paragraph>' +
|
|
'<blockQuote><paragraph>[]a</paragraph><paragraph>b</paragraph></blockQuote>' +
|
|
'<paragraph>y</paragraph>'
|
|
);
|
|
|
|
viewDocument.fire( 'delete', data );
|
|
|
|
expect( getModelData( model ) ).to.equal(
|
|
'<paragraph>x[]a</paragraph>' +
|
|
'<blockQuote><paragraph>b</paragraph></blockQuote>' +
|
|
'<paragraph>y</paragraph>'
|
|
);
|
|
} );
|
|
|
|
it( 'merges two quotes', () => {
|
|
const data = fakeEventData();
|
|
|
|
setModelData( model,
|
|
'<paragraph>x</paragraph>' +
|
|
'<blockQuote><paragraph>a</paragraph><paragraph>b</paragraph></blockQuote>' +
|
|
'<blockQuote><paragraph>[]c</paragraph><paragraph>d</paragraph></blockQuote>' +
|
|
'<paragraph>y</paragraph>'
|
|
);
|
|
|
|
viewDocument.fire( 'delete', data );
|
|
|
|
expect( getModelData( model ) ).to.equal(
|
|
'<paragraph>x</paragraph>' +
|
|
'<blockQuote><paragraph>a</paragraph><paragraph>b[]c</paragraph><paragraph>d</paragraph></blockQuote>' +
|
|
'<paragraph>y</paragraph>'
|
|
);
|
|
} );
|
|
|
|
it( 'unwraps empty quote when the backspace key pressed in the first empty paragraph in a quote', () => {
|
|
const data = fakeEventData();
|
|
|
|
setModelData( model,
|
|
'<paragraph>x</paragraph>' +
|
|
'<blockQuote><paragraph>a</paragraph></blockQuote>' +
|
|
'<blockQuote><paragraph>[]</paragraph></blockQuote>' +
|
|
'<paragraph>y</paragraph>'
|
|
);
|
|
|
|
viewDocument.fire( 'delete', data );
|
|
|
|
expect( getModelData( model ) ).to.equal(
|
|
'<paragraph>x</paragraph>' +
|
|
'<blockQuote><paragraph>a</paragraph></blockQuote>' +
|
|
'<paragraph>[]</paragraph>' +
|
|
'<paragraph>y</paragraph>'
|
|
);
|
|
} );
|
|
|
|
it( 'unwraps empty quote when the backspace key pressed in the empty paragraph that is the only content of quote', () => {
|
|
const data = fakeEventData();
|
|
|
|
setModelData( model,
|
|
'<paragraph>x</paragraph>' +
|
|
'<blockQuote><paragraph>[]</paragraph></blockQuote>' +
|
|
'<paragraph>y</paragraph>'
|
|
);
|
|
|
|
viewDocument.fire( 'delete', data );
|
|
|
|
expect( getModelData( model ) ).to.equal(
|
|
'<paragraph>x</paragraph>' +
|
|
'<paragraph>[]</paragraph>' +
|
|
'<paragraph>y</paragraph>'
|
|
);
|
|
} );
|
|
|
|
it( 'unwraps quote from the first paragraph when the backspace key pressed', () => {
|
|
const data = fakeEventData();
|
|
|
|
setModelData( model,
|
|
'<paragraph>x</paragraph>' +
|
|
'<blockQuote><paragraph>[]</paragraph><paragraph>foo</paragraph></blockQuote>' +
|
|
'<paragraph>y</paragraph>'
|
|
);
|
|
|
|
viewDocument.fire( 'delete', data );
|
|
|
|
expect( getModelData( model ) ).to.equal(
|
|
'<paragraph>x</paragraph>' +
|
|
'<paragraph>[]</paragraph>' +
|
|
'<blockQuote><paragraph>foo</paragraph></blockQuote>' +
|
|
'<paragraph>y</paragraph>'
|
|
);
|
|
} );
|
|
|
|
it( 'merges paragraphs in a quote when the backspace key pressed not in the first paragraph', () => {
|
|
const data = fakeEventData();
|
|
|
|
setModelData( model,
|
|
'<paragraph>x</paragraph>' +
|
|
'<blockQuote><paragraph></paragraph><paragraph>[]</paragraph></blockQuote>' +
|
|
'<paragraph>y</paragraph>'
|
|
);
|
|
|
|
viewDocument.fire( 'delete', data );
|
|
|
|
expect( getModelData( model ) ).to.equal(
|
|
'<paragraph>x</paragraph>' +
|
|
'<blockQuote><paragraph>[]</paragraph></blockQuote>' +
|
|
'<paragraph>y</paragraph>'
|
|
);
|
|
} );
|
|
|
|
it( 'does nothing if selection is in an empty block but not in a block quote', () => {
|
|
const data = fakeEventData();
|
|
const execSpy = sinon.spy( editor, 'execute' );
|
|
|
|
setModelData( model, '<paragraph>x</paragraph><paragraph>[]</paragraph><paragraph>x</paragraph>' );
|
|
|
|
viewDocument.fire( 'delete', data );
|
|
|
|
// Only delete command should be executed.
|
|
expect( data.preventDefault.called ).to.be.true;
|
|
expect( execSpy.calledOnce ).to.be.true;
|
|
expect( execSpy.args[ 0 ][ 0 ] ).to.equal( 'delete' );
|
|
} );
|
|
|
|
it( 'does nothing if selection is in a non-empty block (at the end) in a block quote', () => {
|
|
const data = fakeEventData();
|
|
const execSpy = sinon.spy( editor, 'execute' );
|
|
|
|
setModelData( model, '<blockQuote><paragraph>xx[]</paragraph></blockQuote>' );
|
|
|
|
viewDocument.fire( 'delete', data );
|
|
|
|
// Only delete command should be executed.
|
|
expect( data.preventDefault.called ).to.be.true;
|
|
expect( execSpy.calledOnce ).to.be.true;
|
|
expect( execSpy.args[ 0 ][ 0 ] ).to.equal( 'delete' );
|
|
} );
|
|
|
|
it( 'does nothing if selection is in a non-empty block (at the beginning) in a block quote', () => {
|
|
const data = fakeEventData();
|
|
const execSpy = sinon.spy( editor, 'execute' );
|
|
|
|
setModelData( model, '<blockQuote><paragraph>[]xx</paragraph></blockQuote>' );
|
|
|
|
viewDocument.fire( 'delete', data );
|
|
|
|
// Only delete command should be executed.
|
|
expect( data.preventDefault.called ).to.be.true;
|
|
expect( execSpy.calledOnce ).to.be.true;
|
|
expect( execSpy.args[ 0 ][ 0 ] ).to.equal( 'delete' );
|
|
} );
|
|
|
|
it( 'does nothing if selection is not collapsed', () => {
|
|
const data = fakeEventData();
|
|
const execSpy = sinon.spy( editor, 'execute' );
|
|
|
|
setModelData( model, '<blockQuote><paragraph>[</paragraph><paragraph>]</paragraph></blockQuote>' );
|
|
|
|
viewDocument.fire( 'delete', data );
|
|
|
|
// Only delete command should be executed.
|
|
expect( data.preventDefault.called ).to.be.true;
|
|
expect( execSpy.calledOnce ).to.be.true;
|
|
expect( execSpy.args[ 0 ][ 0 ] ).to.equal( 'delete' );
|
|
} );
|
|
} );
|
|
|
|
// Historically, due to problems with schema, images were not quotable.
|
|
// These tests were left here to confirm that after schema was fixed, images are properly quotable.
|
|
describe( 'compatibility with images', () => {
|
|
it( 'quotes a simple image', () => {
|
|
const element = document.createElement( 'div' );
|
|
document.body.appendChild( element );
|
|
|
|
// We can't load ImageCaption in this test because it adds <caption> to all images automatically.
|
|
return ClassicTestEditor
|
|
.create( element, {
|
|
plugins: [ BlockQuote, Paragraph, Image ]
|
|
} )
|
|
.then( editor => {
|
|
setModelData( editor.model,
|
|
'<paragraph>fo[o</paragraph>' +
|
|
'<imageBlock src="/assets/sample.png"></imageBlock>' +
|
|
'<paragraph>b]ar</paragraph>'
|
|
);
|
|
|
|
editor.execute( 'blockQuote' );
|
|
|
|
expect( getModelData( editor.model ) ).to.equal(
|
|
'<blockQuote>' +
|
|
'<paragraph>fo[o</paragraph>' +
|
|
'<imageBlock src="/assets/sample.png"></imageBlock>' +
|
|
'<paragraph>b]ar</paragraph>' +
|
|
'</blockQuote>'
|
|
);
|
|
|
|
element.remove();
|
|
return editor.destroy();
|
|
} );
|
|
} );
|
|
|
|
it( 'quotes an image with caption', () => {
|
|
setModelData( model,
|
|
'<paragraph>fo[o</paragraph>' +
|
|
'<imageBlock src="/assets/sample.png">' +
|
|
'<caption>xxx</caption>' +
|
|
'</imageBlock>' +
|
|
'<paragraph>b]ar</paragraph>'
|
|
);
|
|
|
|
editor.execute( 'blockQuote' );
|
|
|
|
expect( getModelData( model ) ).to.equal(
|
|
'<blockQuote>' +
|
|
'<paragraph>fo[o</paragraph>' +
|
|
'<imageBlock src="/assets/sample.png">' +
|
|
'<caption>xxx</caption>' +
|
|
'</imageBlock>' +
|
|
'<paragraph>b]ar</paragraph>' +
|
|
'</blockQuote>'
|
|
);
|
|
} );
|
|
|
|
it( 'adds an image to an existing quote', () => {
|
|
setModelData( model,
|
|
'<paragraph>fo[o</paragraph>' +
|
|
'<imageBlock src="/assets/sample.png">' +
|
|
'<caption>xxx</caption>' +
|
|
'</imageBlock>' +
|
|
'<blockQuote><paragraph>b]ar</paragraph></blockQuote>'
|
|
);
|
|
|
|
editor.execute( 'blockQuote' );
|
|
|
|
// Selection incorrectly trimmed.
|
|
expect( getModelData( model ) ).to.equal(
|
|
'<blockQuote>' +
|
|
'<paragraph>foo</paragraph>' +
|
|
'<imageBlock src="/assets/sample.png">' +
|
|
'<caption>xxx</caption>' +
|
|
'</imageBlock>' +
|
|
'<paragraph>[b]ar</paragraph>' +
|
|
'</blockQuote>'
|
|
);
|
|
} );
|
|
|
|
it( 'wraps paragraph+image', () => {
|
|
setModelData( model,
|
|
'<paragraph>[foo</paragraph><imageBlock><caption>foo</caption></imageBlock>]'
|
|
);
|
|
|
|
editor.execute( 'blockQuote' );
|
|
|
|
expect( getModelData( model ) ).to.equal(
|
|
'<blockQuote><paragraph>[foo</paragraph><imageBlock><caption>foo</caption></imageBlock>]</blockQuote>'
|
|
);
|
|
} );
|
|
|
|
it( 'unwraps paragraph+image', () => {
|
|
setModelData( model,
|
|
'<blockQuote><paragraph>[foo</paragraph><imageBlock><caption>foo</caption></imageBlock>]</blockQuote>'
|
|
);
|
|
|
|
editor.execute( 'blockQuote' );
|
|
|
|
expect( getModelData( model ) ).to.equal(
|
|
'<paragraph>[foo</paragraph><imageBlock><caption>foo</caption></imageBlock>]'
|
|
);
|
|
} );
|
|
|
|
it( 'wraps image+paragraph', () => {
|
|
setModelData( model,
|
|
'[<imageBlock><caption>foo</caption></imageBlock><paragraph>foo]</paragraph>'
|
|
);
|
|
|
|
editor.execute( 'blockQuote' );
|
|
|
|
expect( getModelData( model ) ).to.equal(
|
|
'<blockQuote>[<imageBlock><caption>foo</caption></imageBlock><paragraph>foo]</paragraph></blockQuote>'
|
|
);
|
|
} );
|
|
|
|
it( 'unwraps image+paragraph', () => {
|
|
setModelData( model,
|
|
'[<imageBlock><caption>foo</caption></imageBlock><paragraph>foo]</paragraph>'
|
|
);
|
|
|
|
editor.execute( 'blockQuote' );
|
|
|
|
expect( getModelData( model ) ).to.equal(
|
|
'<blockQuote>[<imageBlock><caption>foo</caption></imageBlock><paragraph>foo]</paragraph></blockQuote>'
|
|
);
|
|
} );
|
|
} );
|
|
|
|
// When blockQuote with a paragraph was pasted into a list item, the item contained the paragraph. It was invalid.
|
|
// There is a test which checks whether blockQuote will split the list items instead of merging with.
|
|
describe( 'compatibility with lists', () => {
|
|
it( 'does not merge the paragraph with list item', () => {
|
|
setModelData( model, '<listItem listIndent="0" listType="bulleted">fo[]o</listItem>' );
|
|
|
|
const df = parseModel(
|
|
'<blockQuote><paragraph>xxx</paragraph></blockQuote><heading1>yyy</heading1>',
|
|
model.schema
|
|
);
|
|
|
|
model.insertContent( df, model.document.selection );
|
|
|
|
expect( getModelData( model ) ).to.equal(
|
|
'<listItem listIndent="0" listType="bulleted">fo</listItem>' +
|
|
'<blockQuote>' +
|
|
'<paragraph>xxx</paragraph>' +
|
|
'</blockQuote>' +
|
|
'<heading1>yyy[]o</heading1>'
|
|
);
|
|
} );
|
|
} );
|
|
|
|
describe( 'compatibility with tables', () => {
|
|
it( 'wraps whole table', () => {
|
|
setModelData( model, '[<table><tableRow><tableCell><paragraph>foo</paragraph></tableCell></tableRow></table>]' );
|
|
|
|
editor.execute( 'blockQuote' );
|
|
|
|
expect( getModelData( model ) ).to.equal(
|
|
'<blockQuote>[<table><tableRow><tableCell><paragraph>foo</paragraph></tableCell></tableRow></table>]</blockQuote>'
|
|
);
|
|
} );
|
|
|
|
it( 'unwraps whole table', () => {
|
|
setModelData(
|
|
model,
|
|
'<blockQuote>[<table><tableRow><tableCell><paragraph>foo</paragraph></tableCell></tableRow></table>]</blockQuote>'
|
|
);
|
|
|
|
editor.execute( 'blockQuote' );
|
|
|
|
expect( getModelData( model ) ).to.equal(
|
|
'[<table><tableRow><tableCell><paragraph>foo</paragraph></tableCell></tableRow></table>]'
|
|
);
|
|
} );
|
|
|
|
it( 'wraps paragraph in table cell', () => {
|
|
setModelData( model, '<table><tableRow><tableCell><paragraph>[]foo</paragraph></tableCell></tableRow></table>' );
|
|
|
|
editor.execute( 'blockQuote' );
|
|
|
|
expect( getModelData( model ) ).to.equal(
|
|
'<table><tableRow><tableCell><blockQuote><paragraph>[]foo</paragraph></blockQuote></tableCell></tableRow></table>'
|
|
);
|
|
} );
|
|
|
|
it( 'unwraps paragraph in table cell', () => {
|
|
setModelData(
|
|
model,
|
|
'<table><tableRow><tableCell><blockQuote><paragraph>[]foo</paragraph></blockQuote></tableCell></tableRow></table>'
|
|
);
|
|
|
|
editor.execute( 'blockQuote' );
|
|
|
|
expect( getModelData( model ) ).to.equal(
|
|
'<table><tableRow><tableCell><paragraph>[]foo</paragraph></tableCell></tableRow></table>'
|
|
);
|
|
} );
|
|
|
|
it( 'wraps image in table cell', () => {
|
|
setModelData( model,
|
|
'<table>' +
|
|
'<tableRow>' +
|
|
'<tableCell>[<imageBlock><caption>foo</caption></imageBlock>]</tableCell>' +
|
|
' </tableRow>' +
|
|
'</table>'
|
|
);
|
|
|
|
editor.execute( 'blockQuote' );
|
|
|
|
expect( getModelData( model ) ).to.equal(
|
|
'<table>' +
|
|
'<tableRow>' +
|
|
'<tableCell><blockQuote>[<imageBlock><caption>foo</caption></imageBlock>]</blockQuote></tableCell>' +
|
|
'</tableRow>' +
|
|
'</table>'
|
|
);
|
|
} );
|
|
|
|
it( 'unwraps image in table cell', () => {
|
|
setModelData( model,
|
|
'<table>' +
|
|
'<tableRow>' +
|
|
'<tableCell><blockQuote>[<imageBlock><caption>foo</caption></imageBlock>]</blockQuote></tableCell>' +
|
|
'</tableRow>' +
|
|
'</table>'
|
|
);
|
|
|
|
editor.execute( 'blockQuote' );
|
|
|
|
expect( getModelData( model ) ).to.equal(
|
|
'<table>' +
|
|
'<tableRow>' +
|
|
'<tableCell>[<imageBlock><caption>foo</caption></imageBlock>]</tableCell>' +
|
|
'</tableRow>' +
|
|
'</table>'
|
|
);
|
|
} );
|
|
|
|
it( 'wraps paragraph+image in table cell', () => {
|
|
setModelData( model,
|
|
'<table>' +
|
|
'<tableRow>' +
|
|
'<tableCell><paragraph>[foo</paragraph><imageBlock><caption>foo</caption></imageBlock>]</tableCell>' +
|
|
'</tableRow>' +
|
|
'</table>'
|
|
);
|
|
|
|
editor.execute( 'blockQuote' );
|
|
|
|
expect( getModelData( model ) ).to.equal(
|
|
'<table>' +
|
|
'<tableRow>' +
|
|
'<tableCell>' +
|
|
'<blockQuote><paragraph>[foo</paragraph><imageBlock><caption>foo</caption></imageBlock>]</blockQuote>' +
|
|
'</tableCell>' +
|
|
'</tableRow>' +
|
|
'</table>'
|
|
);
|
|
} );
|
|
|
|
it( 'unwraps paragraph+image in table cell', () => {
|
|
setModelData( model,
|
|
'<table>' +
|
|
'<tableRow>' +
|
|
'<tableCell>' +
|
|
'<blockQuote><paragraph>[foo</paragraph><imageBlock><caption>foo</caption></imageBlock>]</blockQuote>' +
|
|
'</tableCell>' +
|
|
'</tableRow>' +
|
|
'</table>'
|
|
);
|
|
|
|
editor.execute( 'blockQuote' );
|
|
|
|
expect( getModelData( model ) ).to.equal(
|
|
'<table>' +
|
|
'<tableRow>' +
|
|
'<tableCell><paragraph>[foo</paragraph><imageBlock><caption>foo</caption></imageBlock>]</tableCell>' +
|
|
'</tableRow>' +
|
|
'</table>'
|
|
);
|
|
} );
|
|
|
|
it( 'wraps image+paragraph in table cell', () => {
|
|
setModelData( model,
|
|
'<table>' +
|
|
'<tableRow>' +
|
|
'<tableCell>[<imageBlock><caption>foo</caption></imageBlock><paragraph>foo]</paragraph></tableCell>' +
|
|
'</tableRow>' +
|
|
'</table>'
|
|
);
|
|
|
|
editor.execute( 'blockQuote' );
|
|
|
|
expect( getModelData( model ) ).to.equal(
|
|
'<table>' +
|
|
'<tableRow>' +
|
|
'<tableCell>' +
|
|
'<blockQuote>[<imageBlock><caption>foo</caption></imageBlock><paragraph>foo]</paragraph></blockQuote>' +
|
|
'</tableCell>' +
|
|
'</tableRow>' +
|
|
'</table>'
|
|
);
|
|
} );
|
|
|
|
it( 'unwraps image+paragraph in table cell', () => {
|
|
setModelData( model,
|
|
'<table>' +
|
|
'<tableRow>' +
|
|
'<tableCell>[<imageBlock><caption>foo</caption></imageBlock><paragraph>foo]</paragraph></tableCell>' +
|
|
'</tableRow>' +
|
|
'</table>'
|
|
);
|
|
|
|
editor.execute( 'blockQuote' );
|
|
|
|
expect( getModelData( model ) ).to.equal(
|
|
'<table>' +
|
|
'<tableRow>' +
|
|
'<tableCell>' +
|
|
'<blockQuote>[<imageBlock><caption>foo</caption></imageBlock><paragraph>foo]</paragraph></blockQuote>' +
|
|
'</tableCell>' +
|
|
'</tableRow>' +
|
|
'</table>'
|
|
);
|
|
} );
|
|
} );
|
|
|
|
describe( 'autoparagraphing', () => {
|
|
it( 'text in block quote in div', () => {
|
|
const data =
|
|
'<blockquote>' +
|
|
'<div>foo<strong>bar</strong></div>' +
|
|
'</blockquote>' +
|
|
'xyz';
|
|
|
|
editor.setData( data );
|
|
|
|
expect( editor.getData() ).to.equal(
|
|
'<blockquote>' +
|
|
'<p>foo<strong>bar</strong></p>' +
|
|
'</blockquote>' +
|
|
'<p>xyz</p>'
|
|
);
|
|
} );
|
|
|
|
it( 'text directly in block quote', () => {
|
|
const data =
|
|
'<blockquote>' +
|
|
'foo<strong>bar</strong>' +
|
|
'</blockquote>' +
|
|
'xyz';
|
|
|
|
editor.setData( data );
|
|
|
|
expect( editor.getData() ).to.equal(
|
|
'<blockquote>' +
|
|
'<p>foo<strong>bar</strong></p>' +
|
|
'</blockquote>' +
|
|
'<p>xyz</p>'
|
|
);
|
|
} );
|
|
|
|
it( 'text after block quote in div', () => {
|
|
const data =
|
|
'<blockquote>' +
|
|
'foo<strong>bar</strong>' +
|
|
'</blockquote>' +
|
|
'<div>xyz</div>';
|
|
|
|
editor.setData( data );
|
|
|
|
expect( editor.getData() ).to.equal(
|
|
'<blockquote>' +
|
|
'<p>foo<strong>bar</strong></p>' +
|
|
'</blockquote>' +
|
|
'<p>xyz</p>'
|
|
);
|
|
} );
|
|
|
|
it( 'text inside block quote in and after div', () => {
|
|
const data =
|
|
'<blockquote>' +
|
|
'<div>foo</div><strong>bar</strong>' +
|
|
'</blockquote>' +
|
|
'xyz';
|
|
|
|
editor.setData( data );
|
|
|
|
expect( editor.getData() ).to.equal(
|
|
'<blockquote>' +
|
|
'<p>foo</p><p><strong>bar</strong></p>' +
|
|
'</blockquote>' +
|
|
'<p>xyz</p>'
|
|
);
|
|
} );
|
|
|
|
it( 'text inside block quote in div split by heading', () => {
|
|
const data =
|
|
'<blockquote>' +
|
|
'<div>foo<h2>bar</h2><strong>baz</strong></div>' +
|
|
'</blockquote>' +
|
|
'xyz';
|
|
|
|
editor.setData( data );
|
|
|
|
expect( editor.getData() ).to.equal(
|
|
'<blockquote>' +
|
|
'<p>foo</p><h2>bar</h2><p><strong>baz</strong></p>' +
|
|
'</blockquote>' +
|
|
'<p>xyz</p>'
|
|
);
|
|
} );
|
|
} );
|
|
} );
|