Added: Alignment dropdown should have CSS class added.

ckeditor · Feb 1, 2018 · e89ef30 · e89ef30
1 parent cd86a42
commit e89ef30
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 0 deletions.
diff --git a/src/alignmentui.js b/src/alignmentui.js
@@ -97,6 +97,12 @@ export default class AlignmentUI extends Plugin {
 				tooltip: true
 			} );
 
+			dropdownView.extendTemplate( {
+				attributes: {
+					class: 'ck-alignment-dropdown'
+				}
+			} );
+
 			// The default icon is align left as we do not support RTL yet (see #3).
 			const defaultIcon = alignLeftIcon;
 

diff --git a/tests/alignmentui.js b/tests/alignmentui.js
@@ -217,6 +217,12 @@ describe( 'Alignment UI', () => {
 			expect( button ).to.have.property( 'tooltip', true );
 		} );
 
+		it( 'should add custom CSS class to dropdown', () => {
+			dropdown.render();
+
+			expect( dropdown.element.classList.contains( 'ck-alignment-dropdown' ) ).to.be.true;
+		} );
+
 		it( '#toolbarView has the base properties', () => {
 			const toolbarView = dropdown.toolbarView;