|
|
@@ -130,8 +130,11 @@ describe( 'InlineEditorUIView', () => {
|
|
|
} );
|
|
|
|
|
|
describe( 'panelPositions', () => {
|
|
|
- it( 'returns the positions in the right order', () => {
|
|
|
- const positions = view.panelPositions;
|
|
|
+ it( 'returns the positions in the right order (languageDirection="ltr")', () => {
|
|
|
+ locale.languageDirection = 'ltr';
|
|
|
+
|
|
|
+ const uiView = new InlineEditorUIView( locale, editingView );
|
|
|
+ const positions = uiView.panelPositions;
|
|
|
const editableRect = {
|
|
|
top: 100,
|
|
|
bottom: 200,
|
|
|
@@ -150,6 +153,29 @@ describe( 'InlineEditorUIView', () => {
|
|
|
expect( positions[ 1 ]( editableRect, panelRect ).name ).to.equal( 'toolbar_east' );
|
|
|
} );
|
|
|
|
|
|
+ it( 'returns the positions in the right order (languageDirection="rtl")', () => {
|
|
|
+ locale.languageDirection = 'rtl';
|
|
|
+
|
|
|
+ const uiView = new InlineEditorUIView( locale, editingView );
|
|
|
+ const positions = uiView.panelPositions;
|
|
|
+ const editableRect = {
|
|
|
+ top: 100,
|
|
|
+ bottom: 200,
|
|
|
+ left: 100,
|
|
|
+ right: 100,
|
|
|
+ width: 100,
|
|
|
+ height: 100
|
|
|
+ };
|
|
|
+ const panelRect = {
|
|
|
+ width: 50,
|
|
|
+ height: 50
|
|
|
+ };
|
|
|
+
|
|
|
+ expect( positions ).to.have.length( 2 );
|
|
|
+ expect( positions[ 0 ]( editableRect, panelRect ).name ).to.equal( 'toolbar_east' );
|
|
|
+ expect( positions[ 1 ]( editableRect, panelRect ).name ).to.equal( 'toolbar_west' );
|
|
|
+ } );
|
|
|
+
|
|
|
describe( 'west', () => {
|
|
|
testTopPositions( 0, 100 );
|
|
|
} );
|