import { Client, syncClients, expectClients } from './utils.js';
describe( 'transform', () => {
let john, kate;
beforeEach( () => {
return Promise.all( [
Client.get( 'john' ).then( client => ( john = client ) ),
Client.get( 'kate' ).then( client => ( kate = client ) )
] );
} );
afterEach( () => {
return Promise.all( [ john.destroy(), kate.destroy() ] );
} );
describe( 'rename', () => {
describe( 'by remove attribute', () => {
it( 'from element in different path', () => {
john.setData( 'F[]ooBar' );
kate.setData( 'Foo[Bar]' );
john.rename( 'heading1' );
kate.removeAttribute( 'bold' );
syncClients();
expectClients(
'Foo' +
'Bar'
);
} );
it( 'from text in different path', () => {
john.setData( 'F[]ooBar' );
kate.setData( 'Foo[Bar]' );
john.rename( 'heading1' );
kate.removeAttribute( 'bold' );
syncClients();
expectClients(
'Foo' +
'Bar'
);
} );
it( 'from text in same path', () => {
john.setData( 'F[]o<$text bold="true">o$text>' );
kate.setData( 'Fo<$text bold="true">[o]$text>' );
john.rename( 'heading1' );
kate.removeAttribute( 'bold' );
syncClients();
expectClients(
'Foo'
);
} );
it( 'from element in same path', () => {
john.setData( 'F[]oo' );
kate.setData( '[Foo]' );
john.rename( 'heading1' );
kate.removeAttribute( 'bold' );
syncClients();
expectClients(
'Foo'
);
} );
it( 'from text with 2 attributes in same path', () => {
john.setData( 'F[o]<$text bold="true" italic="true">o$text>' );
kate.setData( 'Fo<$text bold="true" italic="true">[o]$text>' );
john.rename( 'heading1' );
kate.removeAttribute( 'bold' );
syncClients();
expectClients(
'Fo<$text italic="true">o$text>'
);
} );
it( 'from text in other user\'s selection', () => {
john.setData( '<$text bold="true">[Foo]$text>' );
kate.setData( '<$text bold="true">[Foo]$text>' );
john.rename( 'heading1' );
kate.removeAttribute( 'bold' );
syncClients();
expectClients(
'Foo'
);
} );
} );
describe( 'by rename', () => {
it( 'elements in different paths #1', () => {
john.setData( '[]FooBar' );
kate.setData( 'Foo[]Bar' );
john.rename( 'heading1' );
kate.rename( 'heading2' );
syncClients();
expectClients( 'FooBar' );
} );
it( 'elements in different paths #2', () => {
john.setData( '
[]Foo Bar
' );
kate.setData( '[]Foo Bar
' );
john.rename( 'blockQuote2' );
kate.rename( 'heading2' );
syncClients();
expectClients( 'Foo Bar' );
} );
it( 'the same element', () => {
john.setData( '[]Foo Bar
' );
kate.setData( '[]Foo Bar
' );
john.rename( 'blockQuote2' );
kate.rename( 'blockQuote3' );
syncClients();
expectClients( 'Foo Bar' );
} );
} );
describe( 'by split', () => {
it( 'element in different path', () => {
john.setData( 'F[]ooBar' );
kate.setData( 'FooB[]ar' );
john.rename( 'heading1' );
kate.split();
syncClients();
expectClients(
'Foo' +
'B' +
'ar'
);
} );
it( 'element in same path', () => {
john.setData( '[]Foo Bar' );
kate.setData( 'Foo []Bar' );
john.rename( 'heading1' );
kate.split();
syncClients();
expectClients( 'Foo Bar' );
} );
it( 'element in same path, then undo', () => {
john.setData( '[]Foo Bar' );
kate.setData( 'Foo []Bar' );
john.rename( 'heading1' );
john.undo();
kate.split();
syncClients();
expectClients( 'Foo Bar' );
} );
it( 'element in other user\'s selection', () => {
john.setData( '[Foo]' );
kate.setData( 'F[]oo' );
john.rename( 'heading1' );
kate.split();
syncClients();
expectClients(
'F' +
'oo'
);
} );
} );
describe( 'by wrap', () => {
it( 'element in different path', () => {
john.setData( '[]FooBar' );
kate.setData( 'Foo[Bar]' );
john.rename( 'heading1' );
kate.wrap( 'blockQuote' );
syncClients();
expectClients(
'Foo' +
'' +
'Bar' +
'
'
);
} );
it( 'element in same path', () => {
john.setData( '[]Foo' );
kate.setData( '[Foo]' );
john.rename( 'heading1' );
kate.wrap( 'blockQuote' );
syncClients();
expectClients( 'Foo
' );
} );
} );
describe( 'by unwrap', () => {
it( 'element in different path', () => {
john.setData( 'F[]ooBar
' );
kate.setData( 'Foo[Bar]
' );
john.rename( 'heading1' );
kate.unwrap();
syncClients();
expectClients(
'Foo' +
'Bar'
);
} );
it( 'element in same path', () => {
john.setData( 'F[]oo
' );
kate.setData( '[Foo]
' );
john.rename( 'heading1' );
kate.unwrap();
syncClients();
expectClients(
'Foo'
);
} );
} );
describe( 'by merge', () => {
it( 'element into paragraph #1', () => {
john.setData( 'F[]ooBar' );
kate.setData( 'Foo[]Bar' );
john.rename( 'heading1' );
kate.merge();
syncClients();
expectClients(
'FooBar'
);
} );
it( 'element into paragraph #2', () => {
john.setData( 'FooB[]ar' );
kate.setData( 'Foo[]Bar' );
john.rename( 'heading1' );
kate.merge();
syncClients();
expectClients(
'FooBar'
);
} );
it( 'wrapped element into wrapped paragraph #1', () => {
john.setData( 'F[]ooBar
' );
kate.setData( 'Foo[]Bar
' );
john.rename( 'heading1' );
kate.merge();
syncClients();
expectClients(
'FooBar
'
);
} );
it( 'wrapped element into wrapped paragraph #2', () => {
john.setData( 'FooB[]ar
' );
kate.setData( 'Foo[]Bar
' );
john.rename( 'heading1' );
kate.merge();
syncClients();
expectClients(
'FooBar
'
);
} );
} );
} );
} );